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Global Office Security specialises in all aspects of office security, providing comprehensive 
consultancy services and a wide range of products. 


The Laptop 
night safe 

provides a 
high level 


for Laptop 
computers. 
Available in 
several sizes. 


Physical security cages 
for PCs and Macs made 
from high grade steel. 
LPCB, insurance and 


Police recommended, agai 


of security 


Security cables 
are cost 
effective for 
securing 
lower value 
goods such 
as printers, 
monitors and 
scanners. 


A wide 
range of safes 
for cash, documents and 
data media also high 
security underfloor safes. 
Insurance recommended. 


High security 
window film 
made by 3M. 


Retractable 
high 


Protects security 
glass from steel 
breaking and window 
shattering. grilles and 
Also available roller 
in Solar and shutters. 
Reflective. 


FREEPHONE 
Osoo 0834765 


If you would like our brochure please phone or 
email info@globalofficesecurity.com or visit our 
website at www.globalofficesecurity.com 
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Beginners 
ead this side 


If you're a beginner using Adobe® Photoshop®, 
you're invited to join the National Association of 
Photoshop Professionals. NAPP is a worldwide 
community of Photoshop users from 106 differ- 
ent countries who have joined together to learn 
from each other. 

Photoshop education is the core of NAPP and 
here's how you'll get ahead fast: 


e Learn through your free subscription to 
Photoshop User, NAPP’s award-winning 
how-to magazine packed cover to 
cover with step-by-step tutorials, Q&As, 
Photoshop tips and techniques from the 
best-known names in the business 


e Learn from NAPP’s private members-only 
Web site, loaded with tips, tutorials, 
downloads, news, video clips, and more 


e Get free Photoshop tech support from 
our Help Desk, and product advice from 
our Advice Desk 


Get help from other members in our 
online forums and our “NAPP Network” 


e Get discounts on Adobe Photoshop 
training seminars, training videos, books, 
and more 

e Get special member deals on everything 
from color printers to software upgrades 
to Zip® disks, and everything in-between 

e You'll stay in touch with Photoshop 
Update, our monthly e-mail newsletter 

e Plus, you can learn from the best in the 
business at PhotoshopWorld, NAPP’s 
annual convention and the largest 
Photoshop event anywhere in the world 


Visit our Web site at www.photoshopuser.com for 
a full list of member benefits. Think of it this way, 
after a year or two in NAPP, you'll be reading the 
column on the right. You can have a voice in the 
Photoshop community. Join NAPP today. 


One-year membership is only £87 (129s) 
Join today. Call 001-727-738-2728 
or enroll online at www.photoshopuser.com 


Photoshon 
Experts 


head this side 


Expert users of Adobe” Photoshop” play a special 
role in the National Association of Photoshop 
Professionals (NAPP). You can use your expertise 
and experience to help other Photoshop users 
who share your same interests, while staying on 
the cutting edge of new Photoshop techniques 
at the same time. 

Here's how to get involved: 


Interact and help other members in our 
online Photoshop discussion forums 


Stay on the cutting edge with advanced 
topics and industry trends covered in 
Photoshop User, NAPP’s member magazine 


Post your artworkin our online member 
gallery, or compete to win a Photoshop 
“Guru Award” at NAPP’s annual convention 


Be a mentor by joining the NAPP network, 
where you share your Photoshop and busi- 
ness expertise, one-on-one 

Share your ideas for new Photoshop 
features with Adobe's development team 
Expert Print and Web designers can earn 
professional certification and recognition 
through NAPP’s new certification program 
Get discounts on Photoshop training 
seminars, videos, books, high-end gear like 
scanners, digital cameras, plug-ins, stock 
photography, and everything in between 
Mingle with the hottest Photoshop gurus 
(like Deke McClelland, Scott Kelby, Ben 
Willmore, Julieanne Kost, and Jack Davis, 
among others) at PhotoshopWorld, NAPP’s 
annual convention 


This is just the tip of the iceberg of how NAPP can 
become a part of your Photoshop success. Visit 
our Web site at www.photoshopuser.com for a full 
list of member benefits. You can have a voice in 
the Photoshop community. Join NAPP today. 


The National Association of 


Photoshop Professionals 
The Photoshop Authority 


Corporate and international memberships available. Photoshop and Adobe are registered trademarks of Adobe Systems, inc. 
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We explain the Blend modes and 
various other features and 
encourage you to experiment. 


Create metal textures from simple 
chrome to complex zinc. 


Accurately blending colours and 
tones is essential for creating 
composite images. 


Abstract 3D can appear stark, but 
the digital maestros explain how to 


give it an extra twist. 
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How to unify a series of disparate 
elements by blending them using 
the Layer modes options. 


76 


Simple ways to turn a mediocre 
photo into an exceptional one. 


78 


The practicalities of creating Web 
graphics, animations and rollovers. 


A bundle of tips on drawing, 
optimising, Image maps and more. 


Why you'd be mad to miss the 
most happening design industry 
event on the calendar. 


If you're looking for ways to extend 
Adobe's masterpiece, we've 
rounded up ten of the best... 


94 


Be inspired by some of the best 
artists in the business. 


The most useful Photoshop 
sources on the Web, 


Reference manuals for every level 
of Photoshop user. 


30 


52 


72 


aim tocreate very personal 
_ worlds,” says this image-maker. 


How this Brighton-based outfit 
creates its cinematic effects. 


Meet an interactive media 
designer with fingers in many pies. 


~ Richard Knights tells us how he 


balances detail and disorder. 
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Dual demos of Photoshop 6 and 
Cinema 4D XL 7, plus 36 plug-ins 
for Mac and 34 for PC. 


And pay just £3 an issue. 


Bag yourself a copy of Adobe's 
Streaming Media Collection. 


Complete your collection. 


100% Web Techniques. 
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Photoshop 6 demo ee 


Create our stunning tutorials with 
this demo version of the mighty 
image-manipulation package 


Modelling, animation, lighting, 
texturing, and rendering — allin 
one package. Plus a friendly 
interface that you can customise 
Turn to page 34 for our Magictorch 
Photoshop and 3D tutorial. 
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AW 
\ Working with 
| Blend modes 


We guide you through some of Adobe 
Photoshop's features, explain the Blend 
modes and encourage you to use them 
yourself in your own way... 


n this tutorial we work in one doesn't necessarily work well in 
( extensively with Blend modes the next. This is one of the beauties of 
} and we also explore some of Photoshop: it is such a versatile tool that 
the new features of Photoshop the possibilities really are endless. The 
6. As always, experimentation is the key idea behind this tutorial is to guide you 
to a good image and the only way to through some of Adobe Photoshop's 
make your work more yours and less run features, explain the Blend modes and 
of the mill. | encourage you to use them yourself in 
Often when working on a piece of | your own way. > 


artwork for a client, a designer 
experiments with different effects and 
image styles so that every image suits 
each client. Sometimes these 
experiments do not work at all, but other 
times they work perfectly. Each image is 
different and something that works well 


Part 1: Creating the image 


We'll start with the White Dots image and paste 
in other images from the CD 


Quick zooming 


To quickly zoom in or out of an 


image without changing the tool 


you are using, hold down the 
space bar and the Apple key to 
zoom in, and the space bar 
+Apple+Alt keys to zoom out. 
Double-clicking on the Zoom 
tool takes the image back to 
100 per cent. 


Opacity 

By pushing the numeric keys 
while using any of the Painting 
tools, you can change the 
Opacity of whatever you are 
applying. This also works with 
the Cloning tool. 


Photoshop Special 


a Open the background image along with the 
White Dots image. In the White Dots image, 
select it all and paste it into the background image 
by holding down the Ctrl/Apple and Alt/Option 
keys while dragging it in. Once you have pasted it 
in, change the Opacity to 50 per cent and the Blend 
mode to Screen: this gives an effect similar to 
printing two negatives at once in photography. It 
also removes the darker tones. 


4 | Open the White Blocks Set 2 image and paste 
it into the bottom-left corner of the main 
image. Select the Gradient tool before creating a 
new Alpha channel. From just above the middle of 
the Alpha channel to approximately two thirds 
down, draw a vertical line while holding down the 
Shift key to keep the line straight. Press the 
Ctrl/Apple key and * to return to the RGB mode 
before pressing Delete. Change the Blend mode to 
Hard light and the Opacity to 50 per cent. 


Open the Clouds image and use the 

Quickmask and an Airbrush to select an 
individual cloud before pasting it into the main 
image, making sure it fills the the bottom half. 
Select the Gradient tool and erase the top of the 
clouds using the method shown in step 4. Change 
the Blend mode to Hard light. 


2) Duplicate the White Dots layer and reduce the 
Opacity of the duplicated layer to 40 per cent. 
Apply a Motion blur which can be found in the Blur 
submenu of the Filter pulldown menu. Make sure 
that the Motion blur's direction is set to horizontal 
and blur the white dots until streaks are visible. 


G Open the Stripy Lines image and paste it into 
the main image. Make sure the top of the 
Stripy Lines image is in the middle of the main 
image. Select the layer by holding down the 
Ctrl/Apple key while clicking on the layer 
thumbnail. Create a new Alpha channel, with the 
Gradient tool selected. Draw a line upwards from 
the bottom to the middle of the selection. Return to 
the RGB mode before deleting the selection. Press 
Delete as many times as you feel necessary to create 
a smoothly-erased gradient. Set the Blend mode to 
Luminosity: this retains the hue and saturation of 
the previous layers while also applying the luminous 
quality of the blending pixels. 


8 | Open the Rough Texture 1 image and then 
press the Ctrl/Apple key and B to bring up the 
Colour Balance dialog box. Adjust the Colour 
Balance to give the texture a red-orange colour 
before pressing OK. Paste it in and erase the top 
using the method shown in step 7 but leave the 
Blend mode on Normal for the moment. Now you 
can change the Blend mode to Hard light. 


oO Open the Blue+Red Texture image and paste it 
into the top left-hand corner of the main 
image. Next, open the White Blocks Set 1 image 
and again paste it in. Partially erase the right-hand 
centre of the white blocks. Set the Blend mode to 
Hard light but leave the Opacity at 50 per cent. 


G Duplicate the previous layer and then press the 
Ctrl/Apple key and T to Free Transform the 
layer. Hold down Shift while rotating the image 90 
degrees clockwise. When you are happy, press 
Return. Make sure the Blend mode is set to Colour 
Dodge to brighten the layer. The Colour Dodge 
Blend mode has no effect on black. 


9 | Open the Rough Texture 2 image and paste it 


into the bottom left-hand corner of the main 
image. Select the Eraser tool and a soft edged brush. 
Remove the top and right-hand edges of the 
texture. Finally, set the Blend mode to Overlay. The 
Overlay Blend mode superimposes the layer onto 
the lower layers: preserving the highlights and 
shadows of the lower layers. 


Part 2: Duplicating layers 
The next step is to create a textured background by layering, 
rotating and altering images... 


Arrow keys 


Hold down the Ctrl/Apple key 
and press one of the arrow keys. 
This nudges the whole layer one 
pixel in the direction of the 


arrow pressed 


Selecting options 


Hold down the Alt/Option key 
while selecting a tool from the 
Tool palette. This enables you to 
toggle between the different 
options selectable for the one 
you have selected. For example 
the Marquee tool has a number 
of different options such as the 
Rectangular Marquee and 
Elliptical Marquee. 


ey Open the Messy Scan image and paste it into 
the bottom half of the main image before 
setting the Blend mode to Hard light. Use the Eraser 
tool with an Opacity of 60 per cent and a soft edged 
brush to erase the top of the image. Then reduce 
the Eraser tool's Opacity to 30 per cent before 
randomly erasing parts of the right-hand quarter of 
the Messy Scan image. 


4 | Open the Roller Track Drawing image and 
paste it into the right-hand side of the main 
image before duplicating the layer. Create a new 
action in the Actions palette. Set the function key 
then F9 then click Record. Press the Ctrl/Apple key 
and T then click and drag the central orientation 
point to the right of where the stripy lines finish. 
Grab any corner of the transformation box and 
then, while holding down the Alt/Option and Shift 
keys, reduce it to approximately 80 per cent before 
pressing Return and stopping the action. 


Hiei 


Load the selection of the Layer mask and then 

create a new layer. Fill the selected area with a 
blue-green colour before deleting the original layer. 
Use the Rectangle Marquee tool to select a 
randomly sized rectangle. Hold down the Ctrl/Apple 
key and click inside the rectangle. Drag it, while 
holding down the Shift key, to slightly offset the 
lines. Repeat this with different sized rectangles. 


Open the Crosses image and paste it into the 
main image, making sure that the crosses fill 
the middle third of the image. 


Duplicate the layer that you have just scaled 

down. Press F9 to scale down the duplicated 
layer. Repeat this step twice and rearrange the 
layers to reverse the order that they are in, then 
merge them all down to one layer. Next erase the 
centre and top left-hand side of the layer. 


8 | Duplicate the layer and then rotate it 90 
degrees before turning the duplicated layer 
off. Use the Eraser tool with an Opacity of 80 per 
cent and a soft edged brush to erase the middle of 
the lines. Switch the duplicated layer back on and 
then erase the right-hand side before reducing the 
Opacity of both layers to 90 per cent. 


Duplicate the Blue+Red Texture layer and 

then move the duplicated layer to the top of 
the Layers palette. Rotate the layer 90 degrees 
counter-clockwise before placing it at the bottom of 
the main image. Reduce the Opacity to 70 per cent 
and set the Blend mode to Multiply. This darkens 
down the colour except where it is white — it is a bit 
like looking at two transparency slides sandwiched 
together on a light box. 


G Select the Rectangle Vector tool and, in the 
Layer Style palette, click on image effects 
before selecting the first layer style. Draw a long, 
narrow vertical rectangle that is slightly longer than 
the image. Hold down the Ctrl/Apple+Alt/Option+ 
Shift keys while clicking inside the rectangle and 
then dragging it to create another one. Repeat this 
five or six times then click and drag over them all to 
select them before clicking the tick box. 


9 | Duplicate the vertical lines layer and select 
Skew from the Transform submenu of the Edit 
pulldown menu. While holding down the 
Alt/Option key, click and drag the top left-hand 
corner down until the line is at a 35 to 45 degree 
angle from the right-hand corner. Press Return and 
then use the Motion blur. Set the Motion blur to 
Vertical to make the lines look streaky. Click OK 
then set the Blend mode to Luminosity. > 
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Part 3: Adding a focal point 


Pasting in the Photoshop Screen image gives the composition a 
central point around which to base other elements... 


Perspective 


When scaling a selection, 

hold down the Ctrl/Apple+ 
Alt/Option+Shift keys while 
grabbing the corner. This enables 
you to change the perspective of 
the image. 


Toolbar 


To hide the toolbar, press the Tab 
key. To bring it back, all you need 
to dois press the Tab key again. 


Photoshop Special 


ay Select the Type tool, a pale green colour and 
type in ‘system error’. Rasterize the text by 
holding down Control while clicking on the layer 
thumbnail and select Rasterize Layer. Use the 
Rectangle Marquee tool to select half of the text. 
Hold down the ¢ key and click inside the rectangle, 
then hold the Shift key while dragging it to offset 
the selected part of the text. Repeat this step for the 
other text but remember to rotate it 90 degrees and 
position it along the bottom vertical line. 


4 | Select Grid from the Show submenu of the 
View menu then go to the View menu again, 
this time to select Grid from the Snap To submenu. 
Use the Vector Line tool to draw a horizontal line, 
while holding down the Shift key, across every other 
grid line. Duplicate the layer and rotate it 45 degrees 
then link both layers before merging them down. 
This automatically rasterizes the vector lines. 


Use the Marquee tool to select a square 

starting from the bottom corner and finishing 
at the opposite side. Select Radial blur from the Blur 
submenu of the Filter pulldown menu. Position the 
blur centre to correspond with the position of the 
eye. Set the blur amount high to give it an extreme 
effect and then make sure the Zoom mode is 
selected, then click OK. 


Gg Open the Numbers image and paste it in, set 
the Opacity to 70 per cent then duplicate the 
layer. Scale the duplicated layer from the centre by 
holding down the Shift and Alt/Option keys while 
dragging from one of the corners. Repeat this twice 
and then link all of the layers together. Select top 
edges from the align linked submenu of the Layer 
pulldown menu. Merge the layers into one and set 
the Blend mode to Hard light. Duplicate this layer 
and position it at the bottom of the image. 


5 | Select roughly the same area shown in the 
screengrab by using the Airbrush and the 
Quickmask. Exit the Quickmask and press Delete. 


8 | If the light streaks do not appear bright 
enough, duplicate the layer. Repeat this until 
you are happy with the brightness. Set the Blend 
mode to Hard light and the Opacity to 70 per cent 
on all of the layers. 


a 


Open the Photoshop Screen image and paste it 
into the right-hand side of the main image. 
Select Distort from the Transform submenu of the 
Edit pulldown menu. Distort the image to give the 
image the impression of perspective. Load the 
selection of the roller tracks drawing layer then, 
while still on the Photoshop Screen layer, erase parts 
of the selected area. 


G Create a new layer and, using the Paintbrush 
tool, draw a series of green circles. The 
circles need to concentrate around the bottom and 
left-hand side of the Photoshop Screen layer. 


9 | Open the Boxes image and paste it into the left 
of the image. Use the Lasso tool to select the 
boxes and then, while holding down the and 
Alt/Option keys, drag the boxes to duplicate them. 
Next you can rotate and scale them down, 
repeating this three or four times. Deselect and, 
using the Eraser tool which has a soft edged brush, 
partially erase the boxes that cover the eye. Finally 
reduce the Opacity to 70 per cent. 


Part 4: Compositional lines 


To unify the image and guide the viewer's eye through the 
composition, we'll add some lines leading to the main image... 


Linking layers 

You can link layers together by 
selecting one layer and then 
clicking in the box between the 
eye and thumbnail of the layer 
you want to link. You can then 
move both of those images 
around at the same time. 


Layer thumbnaills 


You can change the size of the 
layer thumbnails by going to the 
arrow on the right-hand side of 
the Layer palette and selecting 
Layer options. 


G Open and paste in the Cable image before 
positioning it as shown in the screengrab. Use 
the Polygonal Lasso tool to select around the cable. 
Create a new Alpha channel and, using the Linear 
Gradient tool, create a short diagonal gradient 
down part of the selection. Load the new Alpha 
channel selection and then apply a Motion blur. 
The blur angle should be set to a 90 degree angle of 
the cable. 


Create a new layer and use the Airbrush tool 

along with the Quickmask to select a rough 
area around the eye. Use KPT51's Orb-It filter 
produce small ball shapes inside the selected area. 
Set the Blend mode to Overlay. 


as ~ . a 
Open the Cursor image and paste it to the 

image. Position it as depicted in the screengrab 
then use the Lasso tool to select it. 


Open the Edited Curve image and paste it in. 

Duplicate the layer and flip it horizontally then 
scale it down until it gives the effect of radiating 
curves coming out from the eye. 


Duplicate the cable layer and reposition it so 
that it comes out from the bottom left-hand 
corner of the eye image. 


Use the Vector Line tool to draw a series of 

randomly shaped vertical lines, then click OK. 
Duplicate the layer and move it to the top of the 
image while holding down the Ctrl/Apple and Shift G Erase any part of the lines that are covering the 
keys then merge them down. 


eye then apply a Motion blur. 


G Click and hold inside the selection, while also 
holding the Shift+Alt/Option+Ctrl/Apple keys 
drag the cursor to duplicate it. Select Free Transform 
and then move the transformation point to the : 

top-right corner. In the numeric boxes in the dock, 9 | Use the Lasso to select all of the cursors. Hold 
type in 75 per cent for the width and height then down the Ctrl/Apple and Alt/Option keys and 
press Return. Repeat this once more. Apply asubtle drag to duplicate the cursors. Rotate them 90 
Motion blur to the second and third cursors. degrees clockwise and reposition as shown above.> 
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Part 5: 


Final details 


We'll use vertical and horizontal guides to place a few more design 
elements, and the image is complete 


Options 

After using any selection tool, 
hold down the Control/Apple 
key while clicking anywhere on 
the canvas. This brings upa 
series of options. 
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a Create a new document that is a perfect 
square: 1x1 inch, 500x500 pixels or whatever. 


Select the Vector Polygon tool with the 
number of sides set to 4. Using the top of the 
vertical guide as the centre, draw a small diamond 
shape while holding down the Shift key to keep 45 
degree angles. 


Press the Ctrl/Apple key and R to bring up the rulers 2 | 
then click and drag from the ruler to produce a 

guide to mark out the centre. Repeat this so that 
you have a vertical and a horizontal guide to mark 
the centre of the document. 


5 | Press the Ctrl/Apple key and T to Free 
Transform the diamond, but make sure that 
you position the transformation point in the centre 
of the image. In the rotate box in the dock, type in 
30 degrees then click OK. Repeat for the original 
diamond but type 60 degrees in this time. 


4 | Select the Path Component Selection tool and 
click inside the diamond. Press the Ctrl/Apple 
key and C to copy it, then press the Ctrl/Apple key 
and V to paste it in. Paste it in again so that you 
have got three diamonds on top of each other. 


Create a vertical guide over the centre of the 
digits in the main image. Click and drag the 
layer thumbnail of the new document into the main 
image and position it so that the guide runs through 
the centre. Select the entire circle and copy it. Before 
you paste it in, move the original circle to just above 
where it was. Repeat this to give three circles. Select 


the middle circle and then press the Ctrl/Apple key 
and T. While holding down the Alt/Option key, 
squash the circle slightly. Repeat this for the bottom 
circle but squash it more. Select all of the circles then 
copy and paste them in. Rotate them 90 degrees so 
that they mirror the top circles. Reduce the Opacity 
to between 60 per cent and 70 per cent and then fill 
the circles with a green colour. 


| oS 
8 | Open the Mouse image and use the Pen 


Alt/Option keys along with D to bring up the 
Feather dialog box, feather by 2 pixels and then 
click OK. Create a new adjustment layer, making it a 
Gradient map. Apply a suitable Gradient map. 


tool to select the mouse. Press the Ctrl/Apple+ 
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g Use the Direct Selection tool while holding 
down the Shift key to select the right and left 
corner points of the diamond. Free Transform it 
while holding down the Alt/Option key to mirror 
the transformation on the other side. Drag it out to 
create an elongated diamond. 


G Click and drag over all of the diamonds to 

select them, then copy and paste them again. 
Repeat the previous step but rotate by 90 degrees. 
Repeat this until you have a full circle of diamonds. 


9 | Flatten the image before pasting the selected 

area into the main image and positioning it so 
that it is facing upwards and is at the bottom of the 
image. Finally, use the Eraser tool and a soft edged 
brush to erase the top of the cable. FEES 
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Tim A 


A photography professional and an adept illustrator, Tim keeps the 


two disciplines separate: “I | 


My philosophy towards photography and 
image-making has always been to be 
experimental and to create fictional worlds 
rather than depict outer reality,” says 
illustrator Tim Ashton. His initial approach to 
photography was as an illustrator, manipulating 
photographs manually and combining paint and 
texture. “Some of my images look extremely painterly, 
because of the way Photoshop allows me to build up 
textures in layers. | aim to create very personal worlds 
within the images and | am more at home manipulating 
images than taking them. | do take all my own pictures 
but they only serve as a starting point: | capture the 
raw data and then set about creating the image. | 
always aim to create beautiful images, no matter how 
concept-led the image may be.” 

This image-maker’s inspiration comes from a 
multitude of sources, but it’s mainly film that makes 
Tim tick: Brazil, Metropolis, 12 Monkeys, Dark City. 
“In short, films that have a retro-futuristic and 
post-apocalyptic theme, and that follow the idea of 
being trapped in the system: hope of escape from the 
tyranny of technology, and so on. They inspire me to 
create images that give glimpses of something epic. 
So you know, all really happy, cheerful stuff!” 

Tim also loves the compositions of the Russian 
Constructivists. He's followed the work of illustrators, 
photographers and designers including Hans 
Neleman, Dave McKean, Vaughan Oliver, Man Ray, The 
Starn Twins, David Hiscock and Christian Boltanski. 
“However images generally come from just reading 
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} a different head for each”... 


a 


about popular science issues and progress or 
non-progress in technology and what the future holds. 
| also wish | had the vision, knowledge and skill to 
create a film such as The City of Lost Children by 
Jean-Pierre Jeunet and Marc Caro. It’s a film | always 
mention but I’ve never got over how stunning it is...” 

But it’s in static illustrations that Tim is currently 
making his mark — and a living. He’s in no doubt 
of the most important aspect to get right. “You’ve 
got to communicate the idea to the viewer and at 
the same time hope to provoke some kind of 
emotional response.” 

Tim’s image-making began in earnest on his 
National Diploma back home in Hull, East Yorkshire. 
He then moved to Norwich and completed a degree in 
Graphic Design. This was a broad-based course in 
which graphics, animation, illustration and 
photography were all covered. In-between college 
years, Tim also assisted an advertising photographer 
back home which helped hone his skills in studio 
photography. At the end of his degree, Tim was offered 
a place on an MAat Birmingham Institute of Art & 
Design which was luckily fully paid for by a European 
Bursary. It was during this MA in 1997, that Tim began 
to get to grips with Photoshop. 

After the MA, Tim won a Local Arts Board Portfolio 
Award, which led to a few exhibitions, then he worked 
as a photographic technician ina college as well as 
teaching photography part-time. The illustration 
career has been slow to build because Tim combines it 
with a full-time job as a system operator at a fast > 


The brief for this Enterprise magazine illustration 
was to communicate the idea of a business franchise 
by using some kind of multiple image shown to be 
replicating itself. “It was very satisfying coming up 
with this image: it fulfilled the brief perfectly and 
was an ideal subject for Photoshop.” 


Tim's tools 


ARAMmed-up Mac and 
Tim's take on everybody’s 
favourite app... 

Hardware: Apple Macintosh G4, 1GB 
RAM, 17-inch monitor, Nikon D1 camera. 
Software: “My images are created almost 
exclusively in Photoshop although | am 
familiar with /llustratoras well as other 


design applications.” 


Q. Could you work without Photoshop? 
A. Yes and | used to, but Photoshop 

has made things easier, quicker and 
infinitely editable, as well as opening up 


many new possibilities. 


Q. If it was stolen away from you today, 
which part would you miss most? 

A. The speed at which it’s possible to 
create work. It would take days and weeks 
to create one image that I’m satisfied with 
if | didn’t have Photoshop. 


Q. And which bit could you easily say 
good riddance to? 
A. Most of the Effects filters, Lens Flare 


for example. 


Q. Is itimportant that Photoshop works 
well with other Adobe products, or other 
developer's software? 

A. It's important it works with /llustrator, 
GoLive and InDesign, and that all 

their software maintains a uniform 
arrangement of palettes and so on. Adobe 
wants you to use their products so it 
obviously makes the most economic 
sense if their software isn't totally 


compatible with other developers. 


Q. Got any shares in Adobe? 

A. | wish! But seriously the ease at which 
Photoshop can be used to make digital 
images malleable makes it an ideal tool 


for illustration. 
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growing high-end photographic retouching house in 
London. “Hard work! The two disciplines are kept 
totally separate and | have to have ona different head 
for each. | am careful not to let them overlap.” 

Typically, Tim starts each piece with sketches and 
thrashes out ideas before taking the image-making 
process into Photoshop. “This isn't always the case: 
sometimes it is easier to start playing around in 
Photoshop and allow things to happen by chance. As 
faras I’m concerned, it's as valid a way of coming up 
with an idea as drawing ona piece of paper, because 
once Photoshop becomes second nature and you can 
move and manipulate images and textures around at 
will, things happen you may not originally have 
thought of.” 

Tim also tends to re-use images many times and 
has a bank of textures and images waiting to be used. 
“| don't usually shoot things specifically fora brief 
although sometimes | do. | like re-hashing old images 
until I've gone as far as | can with it. | suppose it's like 
painting over the same canvas time and again.” 

Beyond illustration, Tim is involved in high-end 
photographic retouching foradvertising, Web design 
and printed design. He built his own, very tidy Website 
([w] www.timashton.com), though “it’s about time it had 
a revamp”, and he's currently creating a Website for 
illustrator and friend Christopher Gibbs (see 
christopher-gibbs.com), something that Tim would 
like to develop more. “Also I'd like to turn some of my 
images into animations. I'd like to be more prolific in 
the amount of images | produce. I'd also like to take a 
holiday — it’s been a while!” 

But beyond a long weekend in Bournemouth, what 
does the future hold for Tim? “That's a tricky one, | don't 
honestly know how things are going to pan out. There 
are so many things | want to do and continue doing but 
at some point | may have to make a few decisions and 
let something go. I’m the kind of person that thinks 
options through very carefully, but I've also discovered 
that a lot of time can be wasted thinking about the 
future rather than concentrating on the present. Things 
are going well, I’m just going to continue as | am fora 
while and see what happens.” EEE 


1. Another piece commissioned last year for the New Scientist, 
this was for an article on the mutation of the AIDS virus. “The 
story was about how scientists are learning to accelerate the 
mutation process of the virus, to almost push it over the edge so 
that defects or errors start appearing in the virus which 
ultimately may be its downfall. Again a sensitive subject... | was 
asked to show humans mutating. This could have been 
potentially disturbing but | kept it quite light by using a 
pixelisation effect to describe the mutation.” 


2. ‘Adventures in Sleep’ is one of a series of pictures created for 
an exhibition at the Midlands Arts Centre in Birmingham. The 
images have been heavily manipulated in Photoshop although 
they retain a very photographic feel. The theme was once again 
about inner visions and escapism. “It's surprisingly difficult to 
create images with no brief,” reveals the artist. 


3. ‘Hands’ is a self-promotional work, which started with two 
very simple photographs Tim shot in the studio during his 
degree. “I subsequently decided to re-work the image by 
adding texture, and graphic elements. This piece fitted in with a 
set of images | was creating for my portfolio.” 


4. ‘Mobile’, is based on a photo of a shop mannequin. “I did get 
some strange stares from passers-by,” says Tim. 
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5. This image is one of three ‘Business Man’ images created for a submission to the photo/illustration 


library Photonica. “The brief was to use very definite clichés to communicate broad ideas about business 
and technology, leaving the past and looking towards the future and so on. The idea of this set is they can 
be applied to a whole range of business issues. “The thing about clichés,” explains Tim, “is they often 
communicate more effectively than anything else, so I've learnt not to be afraid to use them. There are 
cleverer ways to express ideas but no-one will get them, so sometimes things have to be a bit more in your 
face. There are degrees to this though — the image can still be beautiful and sensitive while remaining 
strong. | like the idea of using graphics over silhouettes and | am currently developing this style. This 
image and the @ symbol one have both been selected for the next Photonica Work volume.” 


PE RSET SEES ES 


A photo of a mannequin in Oxford Street provided the focus... 


FA “| use mannequins a lot because 

they look so surreal, and | like it when 
you can't tell whether it’s a real person or 
not. Also my images aren't usually portraits, 
but | often require some form of generic 
human figure in the image, so they work 
really well." This image was created at a 
very low resolution since it wasn't a 
commission and was never going to be 
reproduced at a large size. 


a “The way a mask is created depends 
upon the subject matter. It was a fairly 
low-res image and | wanted a painterly feel, 
so | used the Polygon Lasso then feathered 
the selection. If it had been a hi-res file and 
the edges had been critical, then | would 
have created an accurate Line Art with the 
Pen tool. | rarely use the Magic Wand: it's a 
sloppy way of working and can really mess 
up your edges, but it all depends on the end 
use of the image. | wanted to give an 
almost night-time, dreamy feel. | mostly use 
curves to change colour: you have a lot 
more control and you can make sure only 
the areas of density you want are affected 
by the colour correction. For example, if | 
wanted to make the shadow area cooler, | 
could just change the shadow area of the 
curve, and so on. | also made extensive use 
of the Blur tools, brush blurring edges and 
using Vignette masks with Gossip blur to 
create a certain mood.” 


STDIN 


“| worked from a sketch | had made 
and so had a good idea of the 
composition | wanted to achieve.” Tim cut 
out a circle from another image of window 
reflections and pasted this into another 
layer over the top. The original image was 
rotated to give a more dynamic 
composition. “The original colours weren't | 
working together very well and so | masked 
the head from the background and set 
about getting the colour | wanted. | always 
make sure | save all my masks as Alpha 
channels as | go along because inevitably |'ll 
want to go back and change the same bit." 
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4 | “Certain areas were darkened and 
others lightened, until | felt a nice 

balance was achieved. | pasted in a shot of 
an old piece of wood that | use quite a lot | 
and set the Layer as Soft Light. | then 

reduced the Opacity to make it subtler. The 
layer was erased with a brush leaving only 
certain areas with texture.” Further texture 

was built up in layers and carefully 

controlled by brushing away certain areas } 
again. The idea was to draw the eye into ) 
the main subject, which was a shot of a i 
mobile phone. Finally graphic elements 
created in Photoshop were added and | 
certain areas cut and pasted back into give} 
a slightly fractured effect. : 


; 
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Creating 


metal effects 


How to create metal textures and effects from 
simple chrome to a complex zinc coating using 
only the core tools in Photoshop 6 


he great thing about 
( Photoshop is that it is 
i possible to create any effect 
imaginable since at the very 
least you can use a brush and paint it by 
hand. However Photoshop's power 
comes from its ability to manipulate a 
large number of pixels to create effects 
in just a few simple steps. In this tutorial, 
we'll show you how to create cool metal 
textures and effects from simple chrome 
to a complex zinc coating using only the 
core tools in Photoshop 6. 

Many of the skills demonstrated can 
be applied directly in earlier versions of 
Photoshop, plus we've included a 
variation of the classic chrome effect 
that could be used with Photoshop's 
earliest incarnations with layers. 


Photoshop 5 introduced Layer effects 
which helped to speed up the creation of 
effects such as glows and drop shadows. 
In Photoshop 6, this section of the 
program has been expanded in the Layer 
styles features which makes creating the 
effects in the tutorial faster than before. 

If you don't have Photoshop 6 yet, 
there is a demo for Mac and PC that you 
can install on the CD, along with support 
files forthe tutorial. > 
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Part 1: Classic chrome 


This is a hands-on method for creating chrome-like metal 
effects that stems back to early versions of Photoshop 


Move tool 


You can use the Move tool 


and the arrow keys to move a 
layer very precisely. Hold 
theShift key while pressing an 
arrow key and move the layer 10 


pixels at a time. 


pel Ld — _ 
3] Duplicate this blurred layer and change its 
Layer mode to Difference. The image will go 


2 | Flatten the document so that you have a single 


ai Begin with a shape that you want to apply the layer with black and white pixels (no black. Using the Offset filter (Filter>Other menu) 
chrome effect to. We've used a classic transparent ones, that's important). Duplicate the and enter a value to offset the difference layer. We 
Dingbats text element. If you don't have that font layer and hide the original. Apply Gaussian blur to used 6x6 pixels. Do the same for the lower blurred 
installed, open the file Dingbat.PSD from the CD. the copy, say around 6-10 pixels in radius. layer but enter values of -6x-6. 


2] 


4 | Link the two offset layers and merge them into Now to add the reflection image. This can be * SEE ERE 

a single layer (use the Merge Linked command any image you like really, but we've used the G The layer is reduced in Opacity to about 
from the Layer Options menu). Finally, invert the Astronaut image from the Photoshop 6 Samples 50 per cent then linked with the highlight layer 
merged layer by typing Command-l. This layer is folder. This is dragged into the chrome document (click the empty box next to the eye and a chain link 
our reflection highlight layer. then blurred. 


appears). The two layers are then merged. 


9 | Finally add the 3D effects. With the element 
selection still active, create a new layer 


8 | We need to get the outline of the element above the chrome and fill it with white. Change 
back, so turn off the chrome layer, and with the mode to Multiply then apply Layer styles to this 
the original layer visible, go to the Channels palette null layer. We added Inner Bevel and a drop shadow. 
The metal effect is increased by applying and Command-click any channel to load the Finally use a Hue/Saturation adjustment layer to 
Curves to the layer. With the Curves dialog selection. Apply this, inverted, as a Layer mask to desaturate the chrome colours. See the file 
open, experiment to get a high contrast look. the Chrome channel. ChromeFin.psd on the CD. 
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Part 2: Layer styles 


Layer styles in Photoshop 6 make creating chrome-like effects 
very quick and easy 


Calculations 
command 


Before there were layers and 
what not, you used to have to use 
the Calculations command 
(Image menu) to perfrom 
Blending mode operations 
using channels. 


Apply the Layer Styles Drop Shadow effect 

(Layer>Layer Styles>Drop shadow) to open 
the Layer Styles palette. Activate the Gradient 
Overlay style as well and choose the default 
Chrome gradient from the pop-up. 


This next effect is another classic chrome 

but it's only achievable using Photoshop's 
Layer styles. Create a new document and add 
some text like so. 


1 at It may be upside down, so click the Reverse 


button to flip it. This is the classic sky and 
ground chrome reflection. Now activate the Bevel 
and Emboss style, set it to Inner Bevel and adjust the 
settings to create the extruded type look. Reduce 
the Opacity of the gradient and change the colour 
of the text to taste. 


Part 3: Taking it further 
Layer styles offer more options to improve the effect of the EZ chrome look 


Layer style presets 


At any time you can save a Layer 
style setting as a preset which 


ek 


can be used again in other 
documents, In the Layer styles 
dialog click the New Style... 
button and name the style, 


5 To improve things we can add some more 
styles. Activate the Satin option and change 


the colour to white. Keep the Distance and Size low, Next we can add some edge shading to bring 
out the shapes of the numbers (or whatever 
you use). Activate the Inner Shadow style and set 
the Distance to 0 pixels. We're not creating a 
shadow but using the style to darken the edges. 


say 5 and 8 pixels respectively but change the 
Contour to one of the double hump ones. 

This produces the highlight effect similar to the 
hand-made one earlier. 


4 | The Overlay mode has the side effect of 
darkening the gradient reflection and 
increasing its saturation. Both of these problems 
can be fixed by adding a Hue/Saturation and 
Levels adjustment layers to desaturate and brighten 
the result. 


G This is looking quite retro, but we can go 

still further. Select the Type layer and 

choose Layer Style>Create Layers from the Layers 
menu. A warning appears to say that not all effects 
work as layers. Click OK. Each style is now a 
separate layer. 


The effect clashes with the Satin effect, so 

change the Blending mode from Multiply to 
Overlay. This prevents it from dampening the 
highlights. Now adjust Size, Choke and Opacity to 
get the right effect, which should be subtle. 


a ray 1 


6 | Select the Gradient layer and apply the 
Distort>Waves filter to it to create a gentle 
undulation of the gradient. Next apply the Ripple 
Distort filter, and finally a bit of Gaussian blur. The 
result is a textured, retro, chrome effect. See the file 
70's.PSD on the CD. > 
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Part 4: Brushed aluminium 


Creating brushed aluminium is quite straightforward if you know 
how, and is de rigueur for application or Website interfaces 


Saved styles 


To apply a saved style preset, 
open the Styles palette (Window 
menu) and click on one of the 
icon buttons to apply the style to 
the selected layer. 
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@ Create a new layer in a fresh document and 
apply a clipping path by choosing Layer>Add 
Layer Clipping Path>Reveal All. Using the Rounded 
Rectangle Shape tool draw, out the shape in the 
layer, making sure the Clipping path is selected first. 


4 | Now the all-important step to creating the 
brushed surface is to apply the Lighting Effects 
filter. Use a Spot light to create an even illumination 
with only a slight gradation in tone. Adjusting the 
Exposure and Ambience helps. 


bat 


my | 


A Black-White Gradient layer can be used in 
Overlay mode to add some more shading to 

the aluminium if needed. It can help to even out the 

tone of the aluminium without making it look flat. 


Next apply some Motion blur to the layer. The 

amount of blur depends on the length of the 
brushed grain you want, and of course the direction 
is set by the angle control. We're going for a fairly 
fine high-tech look here. 


Fill the layer with white then add some noise. 

Use monochrome uniform noise of around 50 
per cent. You can use Gaussian noise but the result 
is less satisfactory for this effect. 


To create the bump in the surface, set a texture = SE 
channel for the Lighting Effects filter to work G A bit of levels works wonders on the layer to 


from. Choose any of the RGB channels for this, but 
use a very low height setting of between 1 and 3. 
The effect is very subtle. 


bring out the grain without the surface going 
too lumpy. Be careful not to cause the lighter parts 
to go completely white. 


o Because we used a Clipping path, we can 
change the shape and the effects will adapt to 
the changes. Select the Clipping path and use the 
Shape tool to subtract from the main rectangle 
(select the subtract button in the Options bar). See 
the main panel file Alu.PSD on the CD. 


8 | Add some depth to the panel by selecting the 
noise layer and applying a drop shadow and 
Bevel Layer style. Of course it doesn't have to be a 
panel: the effect works for text, buttons or any 
shape you like. 


Part 5: Creating other types of metal 


This next one simulates a machined/cast metal that uses two 
different textures at once 


Vector artwork 


Note that these effects aren't 
limited to text, but any vector 
artwork can be used, though 
clean edges are usually best to 
begin with, such as from an 
imported vector drawing. 


Preventing blur 


Locking the transparent pixels of 
a layer prevents the edges of a 
layer being blurred. Only its 
interior will be blurred. 


Load the text as a selection by Ctrl/Command- 

clicking on it. Choose Select>Modify>Contract 
and enter a value of around 10 pixels (this depends 
on the size of the document you created). The idea 
is to create an inner portion of the text where the 
cast texture will be. 


Create a new document and add a text layer 

as before (or place a vector artwork if you 
have one suitable). A nice chunky font like Impact 
works well. 


wes: TY} 
5 | Apply the Bevel and Emboss Layer style to the 
layer, set to Down direction, and turn on the 
Texture option. Click on Texture to go to its options. 
Select the second texture from the list and reduce 
the scale to about 70 per cent. Leave Depth at 
around 100 per cent. This texture merges with the 
bas relief to create the casting texture. 


4 | Apply the Bas Relief filter (Filter>Stylise 
menu) to the noise layer with a high detail 
and low smoothness setting to create the first 
casting texture. 


OE aa a a i aed 
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Next we can create the flat, machined edges. 

Load the text layer as a selection then subtract 
the inner cast later (Alt/Option-Ctrl/ Command- 
click). Create a new layer and fill this with 50 per 
cent grey, then apply a some uniform noise. 


Lock the transparent pixels again and apply 

some Motion blur to the layer to create the 
grain in the metal. Use Levels to increase the 
contrast of the streaks. 


rT 

3 | Create a new layer and fill with white using 
the selection. Deselect (Command-D) and 

add a lot of Noise to the layer. Turn on the Lock 

Transparent Pixels switch at the top of the Layers 

palette and blur the noise. 


The edges of the cast parts need to rise 
towards the edges of the letters which we can 
do by adjusting Bevel and Emboss settings. Increase 
the Depth and Size but not Soften. You have to 
reduce the Texture depth to compensate, until you 
strike the right balance. 


9 | Apply lighting effects as we did for the brushed 
effect to create the machined surface. Finally 
apply an Inner Bevel to the layer using a very small 
Size value and moderate Depth to create a thin hard 
bevel. To finish off, add a drop shadow to the text 
layer. A levels adjustment layer can be added to 
control the tones in the Cast section making it more 
metallic. See the file Cast.psd on the CD. > 
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Part 6: Galvanised metal 


To prove that you can create just about any metal texture using 
Photoshop's stock tools, we'll create a galvanised look 


Layer sets 


You can use Layer sets forthe 
two cloud and posterize layers if 
you like: it helps keep things tidy 
at least. 


Adding contrast 


If you find that the scratches don't 
show up well enough, lighten the 
patches layer with the levels 
adjustment layer already there. 


e This texture is quite involved, but if you look at 
a piece of galvanised metal, you can identify 
four main parts. Firstly, large patches, secondly, a 


2 Add a posterize adjustment layer set to 4 levels 


finer crystalline texture, then surface scratches and to create the patches. Duplicate Render some ~ 

lastly, the way surface highlights tend to show more clouds in another layer and apply another 3 | Next add a levels adjustment layer to control 
through the crystalline pattern. Begin in a new posterize adjustment layer. Set the second clouds the brightness of the patches. Do this by 
document and render some clouds. layer to Overlay mode. dragging the Output sliders inwards. 


om om 0 oases 
4 | Now for the crystalline texture. Fill a new layer 5 | Link the two Motion blurred layers and 


fms = sninininietcas = 
G Apply this layer in Overlay mode and reduce 
with white and add a large amount of noise, merge them (Layer Options>Merge Linked). 


the Opacity to around 50 per cent. We can add 


then apply some Motion blur at 45 degree. Apply the Pixelate>Facet filter to create the a bit of colour to the metal using a solid colour layer. 
Duplicate the layer and flip it horizontally and apply crystal-like pattern and finally adjust the contrast Use a light purple/blue colour applied in Colour 
an Overlay mode. using some levels. mode and adjust the Opacity to taste. 
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9 | To create the mottled highlights, apply the 
That's the basic texture. We've added same lighting effects on the second layer but 
some text to an Alpha channel to use with the _ disable the bump channel. Set this layer to Screen 


The scratches are made using the brushed Lighting Effects filter. Before you start, you need to and add a Layer mask from the crystalline layer 
aluminium technique. Use Motion blurred either flatten the layers or make a flattened copy (make the crystalline layer visible only, set Opacity 
noise but thin out the streaks so that you get mostly _ layer (Select All, Ctrl/Command-Shift-C to copy, to 100 per cent and Ctrl/Command-click on a 


the dark ones using Levels. Duplicate this layer and then paste). Duplicate the flattened layer. Apply the channel to load its colours as a selection). Use Levels 
flip it horizontally. Apply some more Motion blur to Lighting Effects filter using the text Alpha channels and the Mask to control the ‘metalness' of the 
create much longer scratches in this layer. as the bump. highlights. See the file Galv.psd on the CD. FEES 
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Illustration: Chris Stocker [w] www.chris-stocker.co.uk [e] mail@chris-stocker.co.uk 


Blending colours 
and tones 


Photoshop's Sampler tool enables you to make 
very specific colour adjustments... 


his image is typical of the 
type of job produced by 
Photoshop artists working in 

: advertising or fashion. The 
two model images were done at the 
same shoot, but the expression in one 
shot is arguably better than in the other. 
To create the best all round image, the 
head can be taken from one image and 
composited onto the body of the other. 
The problem is that the colour tones in 
the head are clearly different from the 
lighting on the body, calling for some 
very specific colour adjustment. 


Photoshop has a tool that deals with this 
problem, the Sampler tool, which keeps 
track of adjustment layer changes. This 
enables you to leave sample points 
floating over the image, which are 
displayed in the info dialog box before 
and after CMYK readouts. 

It still isn't an easy job to balance all 
the subtle tones of an image: this 
walkthrough explains how to achieve a 
better result. This method be applied to 
almost any situation that requires the 
colours and tones of two images to be 
merged ina realistic way. > 
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Part 1: Creating a composite image 


The first thing to do — and it's a good idea to do this with any image to be colour corrected — is to 
go through the colour channels one at a time to determine exactly what you have 


Dragging layers 

If you would like to drag several 
layers of an open Photoshop 
document to another document 
while keeping all the layers and 
Blending modes intact, link them 
then drag them from screen to 
screen, rather than from the 
thumbnail in the Layers palette. 
Alternatively, put all the layers in 
a folder and open the folder and 
link them, including the folder 
itself, then drag this folder across 
to the destination document. 


rt Open model 1 and 2. Model 1 has much 
lighter shadow across the whole image, but 
model 2 is a more intense shot, with colours that 
would be more difficult to correct. 


| 4 | With the selection loaded, drag model 1 into 
the model 2 window and the image comes 
across as a floating selection. It's a good idea to 
have some image to play with so that you can blend 
some of the neck of the floating image into the 
underlying image: this wouldn't be possible if the 
images were cropped too tightly. 


ae = 


With the Marquee tool (M), select an area 

above the girl's nose to the top of the screen. 
Making sure the mask is active (the icon next to the 
head looks like the Mask icon rather than the 
Paintbrush), hit Option-Delete. This fills the area of 
the mask black and removes the visibility of the 
upper part of the floating head. 


To go through the colour channels one at a 
time, the shortcut is: Command-1 for black, 


2 for cyan, 3 for magenta and 4 for yellow. We now 


have an overview of the differences in the images 
and know that there aren't any fundamental 
reasons why the images can't be corrected. 


With the Move tool active (V), hit 5 on the 

keyboard to make the layer 50 per cent 
Opacity so that you can see through to the image 
underneath. Select the Transform command 
(Command-T) and enter an X value of 8.8.3 px and 
a Y value of 627.8 in the Position field, a value of 
X77.8 Y77.8 into the Scale field, and 8.4 into the 
Rotation field — or just do this by eye. 


8 | The image is now ready for the colour 
matching layer to be applied. Bring the 
Channels and Layers palette on screen from the 
Windows menu. Now make a curves adjustment 
layer and OK, then do a Command-G to make a 
clipping group with the head layer below, or click 
while holding Option in-between the curve layer 
and the floating head. The idea is that the 
adjustment layer affects the floating portion of the 
image and not the body. Check the screenshot: 
there should be a little arrow next to the curve layer. 


Go to model 1, select the Path tool (P) 

[Windows Show Paths] and draw a selection. 
With it still selected, click the Make Selection icon at 
the bottom of the Paths Palette window. 


G Stay in the Move tool (V) and hit zero on the 
keyboard to return to 100 per cent Opacity. 
With the upper layer still selected, click the Mask 
icon at the bottom of the Layers palette. Press D on 
the keyboard to reset the swatch to black and white. 


9 Now we are getting to the crux of the 
technique: open the Layers and Channels 
palette, and sweep the mouse over the Eye icons in 
the Channels palette from the black up to the cyan. 
This turns the channel visibility off everything but 
the cyan channel. Click on the curves 1 mask at the 
bottom of the Channel palette to turn it on also. 
Make sure the curves layer is still the active layer or 
the next bit won't work. 


Matching images 


Apart from swapping heads, this 
technique can also be used to 
match rendered images with real 
photographic backgrounds, and 
also to match inconsistencies 
between sets of scanned images 
that vary as a result of lighting 
conditions or scanning errors. 


Smooth 


Ce 


10) Double-click the curves layer to bring up the 
curves dialog box and select the cyan channel. 
Make sure the gradient at the bottom of the curves 
dialog box tapers from white on the left to back on 
the right. If not, click in the left-hand gradient. The 
idea now is to match the cyan channel to the image 
using the curves while actually seeing the changes 
and keeping a curve for re-editing if need be. 


LUT NLT VID TRL Curves VEIT TESEETS IPT IR TTS Bi] PPPPVVVTTVINIIT TIT Corves 157 


Smooth 


13 | Click off the magenta channel and onto the 
yellow at 70 per cent input, and make it 79. 
Change 20 per cent to 18 and click OK. 


Ta, LE lien abet TELE — 
Se a tt ne ae ne een cette ooo ae m 


We should be able to blend the image 
16 together, so click on the mask with the black 
square and fill with white (D followed by Option- 
Delete) to remove the black square. The whole of 
the face is now showing. 


it | Make two clicks on the curve path at the 

75 per cent mark and drag the curve up, also 
at the 25 per cent mark. Drag the curve down - try 
squinting to match the tones to the head above. 
Move the 75 per cent input up, so that the Output 
reads 90 and move the input of 25 down so that the 
Output reads 10. You could also just type the 
numbers into the boxes. The cyan channel is now 
corrected. Click OK. 


‘Wed, dun 20, 2001, 441 pom 
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14 | Click off the yellow channel and on the black 
channel and change the input of 62 per cent to 
75 per cent, and 25 to 29. Click OK. 


Hit x to reverse the swatch so that the 
foreground colour is black. Choose a large 
brush and start painting around the hair to remove it 
and to reveal the image from underneath. We have 
turned the visibility off the body to show how much 

of the girl has been removed. 


{_"Savooth 


12 Click off the Cyan Eye icon in the Channels 
palette and on to the Magenta Eye icon. Make 
a click at the 69 per cent mark and move it to 76. 
Now click at 20 per cent and move it to 18 per cent 
and OK, or just type into the input-output box. 


G Activate all the Eye icons in the Channels 
palette and view the image colour. It has now 
been colour corrected channel by channel and also 
by shadow and highlight, this being the really smart 
bit. Now we should be able to blend the image 
together using parts from the underlying layer, or 
overwriting bits with the floating layer because the 
colours should now match. 


This is how the final image looks. This 

technique can also be used for really delicate 
colour correction to ensure that you haven't blown 
out the channel in places or introduced hard 
transitions in the skin tones, FEES 
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Today, Brighton, tomorrow - Hollywood? Magictorch is currently toying with the 
prospect of transferring its distinctive visual style to credit sequences for films. 


This Brighton-based illustration company now has 


designs on cinema, and is into: “giving the 
impression there's a vast space in the image...” 
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hile most of the lager-fuelled career 
dreams thought up by students in pubs 
tend to wilt in the sober light of day, not all 
i would-be Tarantinos end up serving in 
Blockbusters, and not every Jim Morrison wannabe 
winds up stacking shelves in supermarkets. 
Magictorch, a print illustration company creating 
work for quality clients like Dazed & Confused, 
Gettyone, MacFormat and ahem, Computer Arts, is one 
such beer, fags and peanuts-inspired vision that 
actually made it. Formed in 1999 by Michael 
Chipperfield and Sam Williams, and later joined by 
Sam ‘Apocalypso’ Chivers (see boxout), these fellow 


Maintaining a constant progression in style is important to the company: “It’s all 
too easy for illustrators to churn out what is essentially the same picture again and 


graduates of Portsmouth Uni's Illustration course are 
now ensconced ina studio in Brighton, creating digital 
imagery for print and designs for Websites with a 
strong cinematic flavour. 

If Magictorch’s imagery seems familiar, that may be 
because its geometric depth cues, shimmering effects 
and wireframes were inspired by Disney's Iron, the 
birthplace of sci-fi CG. “They achieved a really cool, 
stylised look with their use of relatively simple 3D 
models and fairly archaic rendering that, to us, is far 
more interesting than the endless stream of clinically 
photo-realistic 3D stuff you get these days,” says 
Michael. The look of the film persists in Magictorch’s 


again,” says Magictorch’s Mike Chipperfield. 


output, but Mike adds that nowadays, it has to wrestle 
with everything else they want to chuck into the mix. 

Though sci-fi imagery too is a major inspiration for 
the company, it has to compete for Photoshop space 
with an eclectic collection of artefacts consisting of 
retro music gear, household appliances and other 
down-to-Earth curiosities. “We're both into technology 
but we're also into things having a hint of grit so that 
tends to open the floodgates,” Michael explains. 
“Pretty much anything can be collected, scanned or 
photographed: old stereo equipment and computer 
equipment, bits of rust, broken watches, light-fittings, 
crusty paintwork — the list goes on...” > 
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The results of this artistic beachcombing are added to 
photos, /llustratorimages and 3D concoctions created 
in Cinema 4D before being brought together in 
Photoshop. “We're really into using 3D as an integral 
part of our work, but we're not really into using it as an 
end in itself — things tend to get a bit starchy and 
technical if you rely too much on 3D. We like mixing it 
with the more hands-on feel you get with using 
Photoshop,” Michael says. Adobe's product and 
Magictorch’s output have both evolved considerably 
since they were first introduced to each other and 


Apocalypso 


Cartoon-style alien entities in shirts and ties sitting on buses, Grim Reapers wearing trainers and Christian folk duos providing the theme music to an alien and dinosaur invasion aren't subjects 
you'd readily associate with Magictorch’s sleek design work. But they're showcased on the site nonetheless, courtesy of collaborator and freelance artist Sam Chivers, who works in conjunction 
with Magictorch but usually works on his own stuff under the banner of Apocalypso [w] www.apocalypso.org. Hailing from a comic art background, he's currently working as a freelance illustrator, 
producing work for The Guardian and Knowledge magazine among others. He's just finished designing all the characters for an upcoming Channel 4 funded children’s Website, and when you have 
a nose around his section of the Magictorch site, you'll discover a very distinctive visual vocabulary bringing together disparate influences including Moebius, Enki Bilal, Lorenzo Mattoti and 


Masamune Shirow. His latest comic strip Headcase is a pretty surreal affair, putting robots wearing tanktops in suburban settings. 


while the company now takes its power for granted, 
Michael still thinks there's room for improvement: “It 
would be cool if you could apply filters in the same 
way you apply Layer effects, then you'd always be able 
to change the strength of, say a Gaussian blurwithout 
having to always keep hidden a duplicate of a 
particular layer,” he suggests. 

The longer-term future could yet see Magictorch's 
distinctive style incorporate film and broadcast 
animation, something they tinker with at the moment. 
Film titles and intro sequences are an area of special 


interest, particularly those created by Kyle Cooper. 

“He did the titles for Seven, The Island of Dr Moreau, 

Mimic, The Avengers, Lost in Space, Mission 

Impossible, The Mummy and Wild Wild West,” Michael 

says. “While many of them are utterly deplorable, it's ia 
worth spending the £3 rental fee on any one of them 

for the titles and credits alone.” EE 


MALI 


1. This illustration for Computer Arts, illustrates a feature about the potential of 
Mac’s OS X to be the best solution yet for designers. 


2. Phosphorescent glows and fire effects are created throughout the 
Magictorch profile from a variety of sources. Depending on the artist's mood at 
the time, 3D fire, photos or layered texture scans are all called upon to satisfy 
pyromaniac tendencies. 


3. Another glimpse of the strangely familiar, technologically-inspired 
environments created by Magictorch. 


4. This image, created for DV World magazine, was inspired by the issue's theme 
of lighting for film. 


5. This Computer Music cover image shows the undeniable sci-fi slant of 
Magictorch’s designs in full effect. 


6. The blend of 2D vector styles with 3D perspective is a hallmark of the 
company’s style. 


7. Honestly, the packaging for DVD boxed-sets is just getting out of hand 
these days. 


8. It’s this kind of dramatic composition that makes Magictorch such a favourite 
among its computer magazine clientele. 
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Illustration: Magic Torch [w] www.magictorch.com [e] info@magictorch.com [t] 01273 620 222 


Photoshop and 
abstract 3D 


Abstract 3D using random shapes is a growing 
trend in digital illustration. It's a very graphic 
style and can sometimes seem a bit stark, so 
here's how to produce that style and give it an 
extra twist using Photoshop 


t's fairly easy to experiment in 
a 3D program and come up 
with a dynamic abstract 
composition that looks good 
once rendered. But is that all you have to 
do then? Just whack in a few tasty 
graphical elements and, hey presto! 
You've got a good image on your hands. 
Well, yes it is if that’s what floats your 
boat but it doesn't have to be this way. 
With a little imagination, some 
perseverance and a copy of Photoshop 


you can achieve more interesting results. 


So with this tutorial, we create a hip 
abstract 3D composition then go to town 
with it in Photoshop. We spice things up 
by adding texture and grit, tweaking 
layer settings and generally bringing the 


whole thing together with a more 
painterly feel. 

3D skills not up to scratch? Don't 
worry about it, that’s the beauty of this 
style — we're not making Toy Story or 
Final Fantasy here. On the contrary, the 
3D needs to be as farfrom reality as 
possible. Remember the golden rule: the 
happy accident is king! > 


=] Expertise provided by MagicTorch 
fe] info @magictorch.com : 
{w] www.magictorch.com [t] 01273 620 222. 


6 Files on disc 
DualNtutorial\Magictorch folder. 
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Part 1: Creating a 3D composition 


First, we're going to create a piece of sci-fi scrap metal. Then we're 
going to mangle it even further. It will all make sense soon... 


Set your canvas size 


Before you do anything in 3D, 
figure out the canvas size you're 
going to work to in pixels. Enter 
these dimensions into your 3D 
software before composing your 
render to avoid unnecessary 
scaling, cropping and despair. 


Don't like 3D? 


All the renders are on the CD in 
the Magictorch folder if you don't 
like using 3D or you don't have 
the appropriate software, or if Rather than relying on primitives or battling 
with the drawing system in Cinema 4D, we'll 
start in //lustrator by drawing a selection of shapes. 


you want to be lazy and skip 
straight to the Photoshop bit! 


Have a look at shapes.eps on the CD to see what 
we've used. Long shapes with plenty of variation 
and 45 degree angles work well for this, although 
it's worth experimenting with different shapes to 
change the result. Save your file as an ///ustrator 
5/5.5 EPS to guarantee compatibility with pretty 
much any piece of 3D software. 


4 | Now make each extruded form editable by 
selecting each extrusion and pressing C. Group 
the related forms (the main shape and its panels) 
together by pressing G and using the Marquee to 
select them. We now have one chunk ready for our 
final piece of sci-fi wreckage. 


Now that we've completed the sci-fi wreckage 

it's now time to completely ruin it. Add a twist 
deformation (in this case with an angle of 360 
degree, see file layout.c4d on the CD) anda 
camera. Make sure you're looking through this 
new camera by selecting Cameras>Scene 
Cameras>Camera from the menu in the View 
window. Now zoom in and around you object until 
you find a suitably dynamic angle. Add lights to get 
the most of the surfaces: the more contrast the 
better. You may want to render shadows, although 
this obviously increases render times. 
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Import your own shapes or shapes.eps into 

your 3D package of choice (Cinema 4D in this 
case) and extrude each path. In Cinema 4D, drop an 
imported path into an Extrude Nurbs object. Now we 
have our first basic 3D form. Repeat this step with all 
the paths from the EPS. 


8] Repeat steps 3 and 4 until you have a good 
selection of varied objects (see file objects.c4d 
on the CD). Now arrange your shapes into 
something that resembles a piece of sci-fi wreckage 
— use your imagination! 


8 | Now we are ready to render the composition. 
Make sure Alpha channels are checked in the 
Render Settings because we'll need to separate the 
render from its background in Photoshop. Now 
render a raytrace. To add further dynamics to the 
final piece, add an explosion deformation to the 
already twisted object and raytrace as above. Now 
do a cel render of the exploded version making sure 
Edges are checked in the Render Settings. 


os 


We'll now add detail to the first form by giving 
it some panel-style relief. Take another one of 
the extruded forms and place it slap bang in the 
middle of the first form. Now shrink this second 
form a little and increase its extrusion depth so some 
detail is visible on either side. Repeat this until 
you're content with the amount of panelling detail. 


6 | Once you're happy with it, combine all the 
parts into one object (do this by grouping 
them then from the top menu choose 
Functions>Connect) and add a surface material. 
Highly reflective surfaces work well — in this case 
brass — because the reflections add complexity to 
the final render. 


Now to create some extra detail for the final 

image. Add a Plane object at a perpendicular 
angle to the twisted object, double-click its icon 
under the Object tab and increase the amount of 
segments to create a fairly complex grid. Switch off 
the wrecked object: under the Object tab click each 
of the two dots next to the object twice - they 
should turn red. Now carry out a cel render. 


Part 2: Putting it together 


We're now going to put the basic 
image in Photoshop together 


Naming layers 


It’s worth taking the time to name 
your layers as you work. This 
helps avoid the confusion that 
arises from wading through 
countless layers with names like 
Layer 63 Copy 17 


PC users note 


PC users should replace the 
Apple key with the Control key 
wherever used in this tutorial, 


Alpha channels 


Provided you've remembered to 
render your images with an Alpha 
channel you can separate them 
from their backgrounds. Do this 
by going to the menu and 
choosing Select>Load Selection 
then click OK. Now copy and 
paste so that you have anew 
layer with the render set against 
transparency. Now duplicate this 
layer (not copy and paste) into 
the final layered image, thus 
ensuring all the renders line 

up perfectly. 
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ae First up, create a new document in Photoshop with the same canvas size as the renders we've just 


done. Open all the renders and pop them into the new document using the Alpha channels to separate 


the raytraces from their backgrounds. Arrange the layers as they're arranged in this picture and name them 


the same way to follow the remainder of the tutorial. 


3] Now it's time to start messing around with the 
Layer settings. There are no set rules for this, 
you can spend hours duplicating layers. Try the 
following... Put Explosion over Layout and set it to 
Soft Light at 100 per cent Opacity. Make a copy of 
this layer and set it to Normal at about 5 per cent 
Opacity and place it beneath Layout. 


t 

4 | We're now going to mask out the shape of 
Explosion from grid. Control-click (Mac) or 

right-click (PC) on the layer thumbnail of Explosion 

and choose Select Layer Transparency. Now make 

the Grid layer active, go to the menu and select 

Layer>Add Layer Mask>Hide Selection. 


Apply Auto Levels to the cel renders, Invert 
and set those layers to Screen. Tinker with the 


Layer's opacity slider if the lines appear too 
dominant. In this case, the cel render of the 
explosion is set to 42 per cent Opacity. Gaussian 
blur the grid a touch to add more depth and soften 
the lines — try a value of 3. 


B The element on the right is too dominant so 
we're going to remove it. Add a Layer mask 

to the Layout layer (Choose Reveal All). Make a 
rough selection around the offending area using the 
Lasso tool, feather by 50 pixels (Alt/Option+Ctrl/ 
Apple/Ctrl+F) and remove by filling with black. 


Part 3: Beefing it up a bit 


Now that the basic composition is nailed, it's time to weave a bit more Photoshop magic 


RetroScan 


We've used the simple but 
excellent RetroScan filter from 
Deep Devices in this tutorial. It's 
shareware and is available here 
[w] http://members.aol.com/ 
deepdevice/ 

Another one to try is 

Xaos Tools’ Tubetime at 

[w] www.xaostools.com 
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Ag Firstly add a new layer at the top of the order 
and fill with your colour of choice and set it to 
Overlay. Repeat this with a slightly different colour if 
you want to increase richness or additionally (as in 
this case) add a layer of a different colour and rub 
away at it to add further colour variation. 


— 


Duplicate Layout, put it beneath the original 


layer to Soft Light. Repeat this process with 
Explosion but set the blurred layer to Overlay. This 
should soften the renders considerably and add 
richness to the image. 


and apply a Gaussian blur of 25. Call it Layout 
blur for easy reference. Now set the original Layout 


3] We're going to apply a subtle filter effect, in 
this case RetroScan. Duplicate Layout and 
apply the filter. We want to soften the effect at the 
edges of the render so Select Layer Transparency, 
feather by 100 pixels, go to the menu and select 
Layer>Add Layer Mask>Remove Selection and 
finally set the layer Opacity to 20 per cent. Do the 
same with Explosion but this time set the layer to 
Overlay with 50 per cent Opacity.> 
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Part 4: Give it some texture 
Let's make things a bit dirtier! 


Scan anything and 
everything 

Abstract textures can be found 
everywhere so scan them all — 
scrunched up paper, rust, rocks, 
driftwood — anything. Can't find 
what you want? Get out the paints 
and a roller and become Jackson 
Pollock for a day! 


Keep it subtle 


Remember we're trying to 
enhance the image with texture, 
not completely obscure it. So 
keep things subtle and don't be 
Open Sun.tif, select its Alpha channel, copy 
and paste into the image and call the layer 
Sun. Place the layer just above Grid and adjust its 
Opacity to about 80 per cent to enable the grid to 
be seen through it. Move Sun about a bit until 
you're happy with it — here we've got it peeking out 
from the edge of the render. 


too heavy-handed 


ee Now it's time to bring in other textures to 
make things a little more gritty. Open 
texture01.jpg on the CD, copy and paste it into the 
image. Place the layer just beneath the colour layers 
and set to Overlay. Duplicate for added grit. 


LL 


B Add a Layer mask to the Grater layer and, 
using the Lasso tool, remove any unsightly 
edges by masking feathered selections. Use the 
Eraser tool at a low setting (5-10 per cent) and 
carefully rub away where the texture overlaps the 
far right of the render. This aids the composition by 
having areas of differing complexity. 


4 | Open Grater.jpg copy and paste it beneath 
the other texture layers, set it to Screen 
with about 20 per cent Opacity. Using Transform 
(Ctrl/Apple+T) scale the layer until it fills the area 
taken up by Grid and rotate it so that the pattern 
falls roughly in line with the grid. 


Ne el ee) 


Duplicate the Sun layer and place between 
Explosion Cel and Explosion Retro, set to 
Screen and move to the far left of the image so that 

just a few licks of flame creep out. 


6 | The far right portion of the render is still quite 
prominent, so using the Eraser with a large 
brush and low setting as before, fade out this area 
on both the raytrace and cel renders. Continue 
erasing until the grid becomes more visible. Make 
sure you do this on the Layer masks so you can 
easily start again if you don’t like the outcome. 


Part 5: Graphical elements 


All that remains is to add graphical elements to pull the whole thing together 
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Know when to stop 


Don't go too far: remember we're 
just adding detail to a very nearly 
complete image. With graphical 
elements remember that bijou is 
best! Keep things small with 
maybe one focal element. 


a A good place to start with this kind of thing is 
to add some simple boxes to frame the other 
graphical elements. Framing portions of the image 
like this highlights certain areas and ties the 
composition together. Use the Marquee tool to 
make selections then go to Edit>Stroke and choose 
a value between 2 and 5 pixels. 


Now add some text, use meaningful text to 
add context to the image or abstract text for 


files: open them in a text editor and copy and paste 
into Photoshop — whatever takes your fancy. 
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effect. A good source of abstract text are preference 


— eee 


Add patterns of simple shapes, arrows 
and numbers to complete the effect. You 
should now be the proud owner of a bouncing 
baby picture! EEE 


Streaming Media Collection 


Create and manage streaming media, interactive animation, and dynamic Web sites 
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Premiere’6.0 
After Effects'so 
LiveMotion 

GoLive'so 


A copy of Adobe's powerful Streaming Media Collection up for grabs 


reate and manage streaming media, including Flash. Use GoLive to integrate streaming Adobe Streaming Media Collection Comp, Computer 
interactive animation and dynamic media and interactive animation content and to Arts Specials, 29 Monmouth Street, Bath BA1 2DL. 
Websites with Adobe's Streaming Media perform Website design, development and Include a phone number where you can be reached 
Collection. This package contains Adobe management tasks. during the day. 

Premiere 6.0, Adobe After Effects 5.0, Adobe 

LiveMotion, and Adobe GoLive 5.0 software and The question The rules 

delivers a powerful set of tools enabling you to create What four products make up the Adobe Streaming The closing date is 30 September 2001. Employees of 

streaming media, interactive animation, and Media Collection? The Future Network, Adobe and any of their agents or 

dynamic Websites. families may not enter the competition. One entry 

Premiere enables you to capture and edit digital To enter per reader. The editor's decision is final. No 

video with plug-and-play ease from most DV devices. Simply click the CurrentCompo button from the correspondence will be entered into and there is no 

Produce motion graphics, visual effects and Computer Arts Special CD interface and then cash alternative. No purchase necessary. IJ 

animations of the highest quality forthe Web, digital enter Adobe Streaming Media Collection as the 

video and film using After Effects. Composite multiple competition name. 

layers in 2D or 3D space with fine control over multiple Then select your answer and fill in all the other 

cameras and lights, animate text and vector graphics details and click Submit Entry. Don't worry if you're not 

to creative Flash animations and more. online, you can still enter by post. | 

LiveMotion makes it possible to create user Just write your answer, name and address, and 

interface elements and other animations that platform (Mac or PC) ona postcard and send it to | 

incorporate motion graphics, sound and interactivity. | 

Import, edit, and export standard sound formats and For more info, go to Adobe Website at [w] www.adobe.co.uk/products | 


output animations to many Web-standard formats i i 
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The ImageReady interface can be a baffling place if you're 
not used to it, or just an occasional user — we've compiled 
some essential tips to guide you round the main features... 


Drawing 
Rulers and guides 


Photoshop is equipped with rulers and guides and so 
is ImageReady, and they're just as useful in this ~ 
program as theyre in its bigger brother - especially if 
you're designing Image maps, rollover slices and 
complete Web pages. 


navigation bars or othe; 
of guides via Create 


you can simply type thos 
dimensions#nto the Options 
patette with the tool 
selected but before 


you start drawing, check the Fixed Size box to activate 
the fields. 


Web-safe colours 

Avoid browser dithering by sticking to Web-safe 
colours - look for the checkbox at the bottom left of 
the Color Picker window. A field at the bottom right 
tells you the hexadecimal number of any colour you 
choose, or if you know the number you want, type it 
straight into the field. 


Don't dither 


There’s nothing nastier than a dithered GIF. 

When you're optimising GIFs, avoid using dithering 
if you possibly can..Graphics look a whole lot better 
with solid colours, evenifit's at the expense of slight 
colour shifts. 


Colour palette reductions 


hen you're optimising GIFs, you can select any 
colouriathe Color Table palette and use the buttons 
on the bottom of the palette to lock it if you want it > 
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left unaltered by colour palette reductions or Shift it to 
its nearest Web-safe equivalent. 


Monitors 

Don't get too hung up on super-precise colour that 
looks perfect on your monitor - everybody else has got 
their own monitor. Worse, some use PCs, some use 
Macs. You can preview the results on either platform 
via the Preview option onthe View menu. 


Editing tools 


ImageReady has got some decent editing tools in its 
own right, but it isn't a patch on Photoshop. Don't forget 
you can switch your document back to Photoshop at 
any time for fine-tuning. 


Updates 


Get Photoshop and ImageReady to automatically 
update their versions of images which are being 
worked on in the other application. 


Jump to 


Photoshop isn't the only application you can jump to. 
Take a look at the Jump To submenu on the File menu 


[Loriginat SE TES 
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You can use ImageReady’s guides to line up graphic elements in 
your documents and to create slices automatically too. 


ImageReady 3 


ImageReady QuickStart: Program interface 


The ImageReady interface can be a bit 
of a weird place if you're not used to it 
or just an occasional user 

The tools and other palettes are 
obvious enough, but why does the main 
document window have four tabs and 
what's that combined Animation/Slice optimised versions 
/Rollover window at the bottom? 

The main document window's four 


tabs are for changing the view between Optimize palette. 


and if you've got an Adobe HTML editor installed on 
your system, you'll find it listed here. If not, it’s easy 
enough to add your own editor to the menu. You can 
export graphics and HTML from ImageReady straight 
into a Web page editor - how easy do you want it to be? 


Front ends 


ImageReady outputs slices and Image maps as 
ready-formatted HTML tables. Do you need an HTML 


Layer effects are central to many of ImageReady's 
sophisticated animation and rollover effects. 


the original document itself, an 
optimized version ready for export 

as a GIF or JPEG, a 2-Up view where 
both are displayed side-by-side, anda 
4-Up view where you can see the 


original plus three differently- 


The optimisation settings for 


each are chosen via a separate 


ImageReady offers just the same 
optunisation options as Photoshop's 
Save for Web dialog, but just presents 
them differently as part of the 
image-editing process rather than the 
final step 

The combined Animation/Stice/ 
Rollover palette is used for 
ImageReady's more advanced Web 


graphics options 


editor at all? There's little to stop you designing 
highly polished interactive front ends completely 
within ImageReady. 


Layer effects 


You can apply any number of drop shadows, glows and 
other Layer effects to the layers in your documents. To 
standardise these, just add them to the Styles palette 
then simply drag and drop them on to any layer. 


Types of type 


When you create text in an ImageReady document, 
you can choose between Crisp, Smooth and Strong 
anti-aliasing via a pop-up on the Type palette. You 
won't see much difference with larger type sizes, but 
once you get down to 10pt type and below it can make 
the difference between legibility and mush. 


Tile Maker filter 


ImageReady is designed specifically for designing 
interactive, animated Web graphics. But Web page 
backgrounds too? Yes indeed - you can use the Tile 
Maker filter on any bitmap image or selection. 


Photoshop 6 boasts some big improvements over its predecessor, but with it comes 
ImageReady 3. What's this version got that version 2 hasn't? 


+ ImageReady 3 now includes Photoshop's 
Layer Management options. You can 
potentially create hundreds of layers and 


- You can now warp text, animate it and even 


use the animation as a rollover. It’s also 


slice updates automatically. 


Possible to share colour palettes among 


dimensions by adding an outer glow, say, the 


you now have the ability to handle 
vector shapes created in Photoshop 6. 
ImageReady 3 doesn't have any 
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even organise them in sets. And you can 
Liquify images within ImageReady just as you 
can within Photoshop. 


+ ImageReady can now generate 


typographically-correct hanging punctuation, 


where quotation marks, for example, 
hang outside the main text body, leaving 
flush left and right margins forthe 
characters themselves. 


rollover states which avoids the possibility of 
unwanted colour shifts. 


* Slice-handling is much more sophisticated 
in ImageReady 3. Fora start, you can group 
image slices into sets and apply specific 
optimisation settings across the set. 

You can also create slices from layers. 
These layer-based slices are dynamic - 

if you change the layer content and its 


* Rollovers are now easier to manage, 
thanks to rollover styles that can be applied 
to multiple objects. This can offer much 
greater consistency and speed. You can 
also preview rollovers directly within 
ImageReady rather than having to export 


them to a browser. 


- The simple vector shape layers in 
ImageReady 2 have been improved, so that 


node-editing tools, but it does have the 
facility to scale, rotate and resize these 
vector shapes. 


«The layers-based Image map tools in 
ImageReady 2 have been expanded to 
include more traditional tools for drawing 
rectangles, ellipses or polygons directly on 
image layers. You'll find these shapes ona 
new flyout in the toolbar. 


Rollover effects are straightforward once you grasp the idea 
that you can change individual layer properties for each state - 
like the glow around this button, for example. 


Transparency 


The JPEG format doesn't support transparency, and 
transparent GIFs produce jagged outlines against 

Web page backgrounds because they don't support 
partial transparency and hence won't display smoothly 
anti-aliased outlines. One solution is the PNG format, 
but this isn’t supported by all browsers, or all Web 
page editors. Another is simply to match the 
background in your ImageReady document with the 
background of the destination Web page. 


Optimise palette 

Alternatively, if you’re producing a GIF which you want 
to have a smooth, anti-aliased outline, you can extend 
the Optimise palette (Show Options on its pop-up 
menu) and choose a Matte colour which matches your 
Web page's background. Check the Transparency box 
to leave fully-transparent pixels un-matted. 


Matting option 


The Matting option only works when you're working on 
an image with transparent pixels - as with objects ona 
new layer. 


Droplets 


It can take a few moments to enter a set of optimisation 
settings, which is a real nuisance if you have to apply 
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Layer effects can be saved and re-used via the Layer Styles 
palette. You can expand any layer in the Layers palette to 
display and edit the Layer effects applied. 


the same settings to many images. Instead, you can 
save these settings as a Droplet via the Optimisation 
palette which is then saved as a file. To optimise more 
images, simply drag them on to the droplet. 


Master palettes 


If you want to use the same colour palette fora 
whole group of images, create and save a Master 
Palette from a group of images. You can then load 
and use this Master Palette when optimising 
subsequent images. 


Side effects 


Excessive JPEG compression may produce 
uncannily compact JPEG files, but it also introduces 
objectionable JPEG artifacts, notably ghosting 
effects around high-contrast outlines. If you can't 
afford to reduce the JPEG compression ratio, try 
tweaking the Blur value in the Optimise palette to 
disguise these effects. 


Using resaved JPEGs 


Dont keep re-saving JPEGs. JPEG is a lossy format, 
and produces compression artifacts at all but the 
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Rollover states can include the properties of other slices, not 
just the current one. In this case, rolling over this navigation 
button makes the text alongside visible, a secondary rollover. 
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lowest levels of compression. Keep resaving 
them and these artifacts multiply. Always work 
from originals or uncompressed file formats 
where possible. 


Lossy format 


It may be possible to squeeze down file sizes that little 
bit further using ImageReady’s lossy GIF format. It 
depends on the type of image and the quality loss that 
can be tolerated - try it and see. 


Interlacing 


You can produce progressive JPEGs which appear 
quickly in low-res form in users’ browsers and 
gradually sharpen as they download. The equivalent for 
GIF files is interlacing. In both cases, you choose this 
option in the Optimize palette. 


Optimising 

If your Web space is limited, you'll probably be at least 
as interested in optimising graphics down to a fixed 
file size than specific quality settings. You'll find the 
Optimize to File Size option on the Optimize palette’s 
pop-up menu. > 


ImageReady animations can include multiple objects, each on 
their own layer. You adjust layer Properties, like Position and 
Opacity, between frames. 
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You can check optimised images against your original by 
clicking the 2-Up tab at the top of the document window, or 


check three differently-optimised version at once in 4-Up view. 


Regeneration 

If you’re working in 2-Up or 4-Up mode, you may 

not want to wait for ImageReady to redraw the 
optimised version each time you make a change to the 
original. Instead, open the Optimize palette’s pop-up 
menu and deselect the Auto Regenerate option - you 
can manually Regenerate optimised versions via the 
same pop-up. 


Hotspots 


If you’re not used to using /mageReady to produce 
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ImageReady’s image maps are layer-based. You place a hot 
object on its own layer, choosing a hotspot shape and URL 
using the Layer Options palette. 
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Image maps, don't go looking for any drawing tools for 
creating them in ImageReady 2 because you won't find 
them. Instead, create hotspots by placing each hot 
object on its own layer then assigning a URL to that 
layer via the Layer Options palette. 


Polygonal hotspots 


Circular or rectangular hotspot shapes create the 
smallest circular or rectangular hotspot that 
completely encloses the object on the layer. Polygonal 
hotspots attempt to follow the shape’s outline as 
accurately as possible. 


Overlapping 


If you overlap two hotspots (what are you thinking 
of?), the top one takes precedence in the exported 
HTML file. 


Cropping 

When cropping an image, you can choose whether to 
delete the cropped area outside the marquee or simply 
hide it. If you hide it, you can use that area for elements 
which move on and off the screen during animation. 


Previews 
The best way to preview your animations is within a 


Select Web-safe colours via the checkbox in the Color Picker 
window. The hexadecimal value of your colour is displayed in 
the field bottom right. You can also type in a value directly. 


Just as you can switch from Photoshop to ImageReady to 
optimise your images, so you can switch back to Photoshop for 
tools ImageReady doesn't provide. 


browser, since playing them back within ImageReady 
won't always give representative results, notably in 
terms of frame duration. 


Refresh 

If you’re previewing a non-looping animation in your 
browser, it only plays back once. To see it again, just hit 
the browser's Refresh button. 


Disposal methods 


Frame disposal refers to the way /mageReady deals 
with the old frame as it displays the new one. It can 
discard the old frame completely, or let it show through 
the transparent areas of the one which replaces it. By 
default, /mageReady chooses the most appropriate 
frame disposal method automatically, but you can set 
the disposal method yourself for special effects. 


Saving as GIFs 


ImageReady works with layered objects when creating 
animations. Don't save your work files as animated 
GIFs because this flattens the frames! Save them as 
Photoshop documents if you want to be able to edit 
them later. 


QuickTime movies 


ImageReady doesn't just stop at animated GIFs. You 
can also export your animations as QuickTime movies. 
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Rollover generation in /mageReady 3 offers more speed and 
automation, thanks to new, dynamic layer-based slicing and 
re-usable rollover styles. 
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With ImageReady 3, type control is extended to include the text 
warping options you find in Photoshop 6. You can build this text 
warping into successive frames in an animation. 


Make Frames 


If you like, you can create your animation frames as 
individual layers within Photoshop. Then you can 

open that Photoshop document within /mageReady, 

using the Make Frames From Layers option in the 
Animation palette menu. | 


Single animations | 
Or, if you've got a folder full of individual images, 

each one representing a frame of your animation, 
you can import them as a single animation via the 
File menu. 


Slice tool 


You can create slices manually by dragging out 

a marquee with the Slice tool, but you can also 
create slices automatically using guides. It’s a 

quick method and it’s ideal for planned, structured 
Web page layouts, especially with rows or columns of 
rollover buttons. 


While ImageReady 2's basic image-editing tools were just that 
— basic - ImageReady 3 packs a lot more punch. Among the 
tools it shares with Photoshop 6 are the Liquify command, 
which lets you distort your images with a great deal of subtlety. 


File sizes 

When you're optimising a sliced image, the 
optimised image window displays the file size 

of the currently selected slice - hit Ctr-/Command-A 
to select all the slices and thus find out the total 

file size. 


No images 

You can choose to create slices containing no image, 
but these are only previewed properly in your browser 
(not in the Optimized window). 


Background colour 


You can apply background colours to your slices. If 
these have been set up with no image, they reproduce 
as a solid colour. If they contain images with 
transparent areas, the background colour shows 
through the transparent pixels. 


ImageReady 2's method of creating Image maps is a nuisance if 
you haven't got time to split your image up into object layers. 
ImageReady 3 fixes this by adding conventional hotspot tools 
which can be used on single image layers. 


Levels of interaction 


You can build surprising levels of interaction into 

your Web pages with nothing more than secondary 
rollover effects. For example, you can create a 

rollover button in one slice, setting up an Over state 
where the button changes appearance anda text string 
or another graphic, say, is made visible ina 
neighbouring slice. 


Rollovers 


You can create a rollover which displays an 
animation, either animating the button which the 
mouse pointer is over, or making visible an animation 
in another slice. 


GIFs 


Any image slice which contains an animation has to be 
optimised as a GIF. 


Match Layer 


You'll quite often want to make changes to some 
layers after you've already set up complex multi-state 
rollover effects. To make sure the changes you 

make are visible in all these states, select the 

layer in the Layers palette, then choose Match 

Layer Across States from the Rollover palette’s 
pop-up menu. EE 
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ImageReady’s Tile Maker filter can turn bitmap images into 
tiled Web page backgrounds. 
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Illustration: Catherine Mcintyre [w] www.madase 


Blending with 
Layer modes 


How do you make a series of disparate elements 
work together to create a unified whole? By 
using Photoshop's Layer modes options... 


| n this tutorial, we experiment 
} with Blending effects in layers. 
: Layer modes are some of the 
{i most versatile and exciting of 
Photoshop's features. By applying 
different modes to layers as you build up 
a digital collage, you can make each 
layer interact with the others and every 
layer can have its effect in the overall 
composition. Lower ones aren't obscured 
by those above them, and upper ones are 
influenced by those below them. The 
total effect is infinitely variable, and 
changing the mode of a single layer can 
make a subtle or a huge difference. 
This technique is especially suitable 

for imagery about time. Underlying 


layers affecting higher ones can be seen 
as a metaphor for the influence of the 
past on the present and future. 

The simple picture we'll make in this 
tutorial, ‘Chiromancer’, examines the 
widely-held belief that the future can be 
divined through the study of palms. We 
are trying to create an atmosphere of 
mystery and elusiveness: a figure, 
looking into the dark, is hoping to 
understand the unknown. 

By combining several textures and 
objects in layers — a mask, hands, a 
clockface — we build the effect of an 
accretion of time, and suggest that the 
next layer of our own lives might just be 
made visible by chiromancy. 
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Part 1: Establishing the main elements 


First, create your new file and assemble the major constituent parts of your image 


Why the mask? 


The choice of the Venetian 
carnival mask for the face was 
deliberate. Being a modern 
three-dimensional interpretation 
of a Renaissance portrait, it has a 
historical aspect. It has, ina 
sense, itself travelled through 
time. It is also a physical Layer in 
reality, disguising a face and 
removing it one stage from the 
actual. It gives some sense of 
mystery, of trying to see beyond 
the surface 


Experiment! 


Even if you have a clear idea of 
which Layer mode will achieve 
the effect you're after, it’s a good 
idea to try a couple of others; you 
might be surprised by a better 
result. Similar effects, such as 
those provided by Screen or 
Lighten, or Hard Light and 
Multiply, can give subtle and 
interesting varied effects. 

It doesn't take long, and can 

lead a picture in quite a 
different direction. 
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Create a new file. 300dpi is the most usual 


© resolution for outputting to a home printer or 
a commercial application: this file is 20cm wide and 
14cm high. Choose RGB mode; all Photoshop's 
effects and filters work in RGB, and the file size, 
being three channels rather than four, is smaller 
than CMYK. Save the new file as doc or document. 


4 The mask is slightly too large in this new 

file, so we'll scale it using Transform 
(Command-T). To check the relationship of this 
layer with the background as you're transforming it, 
first make its Opacity around 50 per cent so you can 
see both layers. Align the mask's centre with the 
crease in the paper background. 


Open the background file on the cover CD, 

and transfer it to your new document. Holding 
down the Move tool, drag from the background file 
to the empty file. Pressing the Shift key keeps the 
layer contents centred. This moves the information 
into a new layer over the empty bottom layer. For 
tidiness, delete the bottom layer or merge down 
(under the arrow at the top left of the Layers 
palette). Alternatively, Select All (Command-A) of 
the background file, copy (Command-C) and paste 
into your new file (Command-V). 


[ 5 | Leave the mask layer at 50 per cent Opacity in 
Normal mode (whenever a new layer is 
created, the default will be Normal) for now, so that 
we can see beneath it. Add the clock file as before. 
Make sure this new layer is below the mask layer, 
and move the clockface behind the mask. Again 
using Transform, scale the clockface a little until it 
fits nicely within the curve of the hairline. 


The main subject is the next element to be 

added — open the mask file and transfer as you 
did the background. There's no need to keep this 
centred as you move it across, we'll position the 
mask to the left of the image. 


The clock layer is in the default Normal mode. 

This means its contents completely obscure 
and do not interact with the layer or layers below it. 
Here, we're losing the light effects in the 
background, and want them to show through. Any 
of the other Layer modes enable the background to 
affect this layer, each in a different way. In the 
dropdown menu at the top of the Layers palette, 
choose Soft Light. This sends the layer back in aerial 
perspective: its highlights and darks all still register, 
and its colours are unchanged, but the effect is more 
muted and soft than with other modes such as 
Overlay. Try other modes with this layer to see the 
different effects you achieve. 


Part 2: Adding more elements 


Now that the composition has become clear, it is time to add more detail. 
A chiromancer studies palms, so the obvious next elements are hands 


Labelling layers 


If the contents of a layer are too 
small to show clearly in the 
layer’s icon, or if you have a 
series of identical layers in 
different modes, it can be useful 
to label your layers. Do this by 
calling up the Layer Options 
dialog box, under the arrow at the 
top left of the Layers palette, or 
when creating a new layer. 


a] Open the file handprint and transfer it. With 
this new layer below the mask layer, position 
the hand so that its curve fits with the mask's chin. 
When you're working, keep looking for connections 
between the elements: shapes that coincide, or 
patterns that echo each other. This helps to make a 
cohesive, unified whole of your picture. 


To make the print show light against the dark 
background, invert this layer (Command-l). Do 


not make a selection: the command then inverts all 
the contents of the layer, including those parts 

currently outside the border of the image. You may 
want to move or scale the layer later, and will want 
the inversion to apply to any parts then uncovered. 


q Now, we need to change this layer's mode so 
that the clock and background are returned to 
view. To get rid of the straight edges in this layer, 
and to remove the dark background, try Lighten 
mode. This mode enables only those pixels lighter in 
tone than the sum of those below them to show. 
The darker ones effectively disappear. Also try 
Screen mode, to see the difference. Screen lets the 
darker pixels affect the picture too, but makes their 
effect lighten rather than darken. > 
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Saving your work 


Do remember to save your file 
regularly! It's dispiriting to have 
to start all over again, should you 


suffer a crash. 


4 | The pixels showing in Lighten mode 
completely obscure those below them, and, if 
the layer's tonal transitions are sharp, the edge of 
the effect can be quite abrupt. This makes the 
mode's effect rather harsh, as here. Reducing the 
layer's Opacity softens it, and enables the 
background to register through it. This layer has 
30 per cent Opacity. 


The final element, another hand, can now be 

added. Open the file hand poster, and select 
the hand using Paths, under the Layers palette. If 
you want to miss out stages 11 and 12, use the file 
hand no bg, where the hand has already been cut 
out from its background. Using Paths is by far the 
most accurate way of making a simple selection like 
this one. Select the Pen tool and draw a vector curve 
around the object you want to select. 


Part 3: Firming up your composition 


Keep in mind what the important characteristics of any element are, and make sure that those 
characteristics show. Anything else can be removed if it clutters your image 


Finding 
correlations 


Parts of a picture can be 
connected in so many different 
ways; their relative positions, 
shapes, colours, textures, or 
subjects can create associations 
between them. These 
associations inspire a viewer to 
start seeing his own connections, 
both within the picture and with 


his or her own experience. 


Light effects 


Remember, where the light is 
coming from in your picture, and 
flip horizontally or rotate 
photographed elements until 
their light sources coincide. Even 
in an imagined image which isn't 
trying to recreate any real 
landscape, if you have a 
consistent light source the image 
looks more logical and 
convincing. Of course, if it's an 
unsettling and disconcerting 
effect you're after, feel free to 
break this rule! 
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Paste the hand selection into the doc file 
below the handprint layer, or if using the hand 
no bg file, transfer it as before. It is slightly too large; 
using Transform (Command-T), reduce its size a 
little and rotate until the fingers are vertical. Position 
this hand so that the forefinger lies behind the 
mask's nose. (Holding down the Shift key while 
moving constrains the movement to horizontal, 
vertical or 45 degrees.) 
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4 | The left of the picture can be simplified by 
removing unneeded parts of layers using Layer 
masks. Change the mask layer from 50 per cent to 
100 per cent Opacity, and add a Layer mask (click 
on the left-hand icon at the bottom of the Layers 
palette, or go to Add Layer Mask>Reveal All, under 
Layer in the dropdown menu). With a large brush, 
paint black into the Layer mask to remove parts of 
the layer. Try turning off the hand layers while doing 
this by clicking on the Eye icons in the Layers 
palette, so that it's easier to see what you're doing. 
The clock slowly gains in visual importance 


To blend this layer with the others, again 

choose another Layer mode. We've picked 
Soft Light, which knocks it back: you might also 
want to try others such as Overlay, to see the 
difference. Overlay gives a much stronger, more 
contrasted result. You may feel that it’s too strident 
for this layer, which is in the background and should 
be less prominent than other parts of the image 


te 


Now add a Layer mask to the clock layer 

in the same way. Complete circles and ellipses 
tend to exclude the parts of the picture around 
them too efficiently and prevent a satisfactory 
merging of inside and out. We've removed parts of 
the left-hand side of the clockface. Notice how it 
now links better with the shapes in the background. 


Once your path is complete, make a selection 

from it (Make Selection, under the arrow at the 
top-right of the Layers/Channels/Paths palette). We 
feathered the selection by 1 pixel to soften its edges 
slightly. Then turn off your path, also under the 
arrow, and copy your selection. 


3 | The composition is becoming fussy and 
cluttered at the left of the image, and divided 
too strongly into two separate areas — busy and 
empty. To link the left and right sides of the image 
(which represent the present and future, in this 
picture) choose the handprint layer and move it 
across until a better balance is achieved. We've also 
rotated and enlarged it a little using Transform, until 
the fingers make a visual connection across the 
image to the top-right corner and with the 
fingerprints in the paper background. 


Now turn the palmprint layer back on. This 
layer too needs to be edited using a Layer 
mask, retaining only those parts which are adding to 
the image. We used the Gradient tool, set at 50 per 

cent Opacity and Foreground (black, in the top 
colour swatch in the Tools palette) to Transparent, 
to shade the hand off towards the bottom, and then 
painted out further areas with the Brush tool. Bear in 
mind that the light is coming from the top left, and 
brush in shadows accordingly. 


Part 4: Applying more Layer modes 


To help the constituent parts of this image coalesce into a single readable image, we'll use 
more Layer modes: you can edit each layer with masks to get the best aspects of each mode 


Layer masks 


Don't remove Layer masks unless 
you're running really short of 
RAM, and you're quite sure you 
won't need the information you're 
removing. Keep your options 


open for as long as possible. 


ay The mask layer needs to be integrated better 
with the background. It is in Normal layer, and 
only interacting with the layers below it where its 
opacity is reduced. Duplicate this layer: assign the 
lower of the two mask layers Hard Light mode. Hard 
Light gives rich, deep tones and colours, and 
combines the layer with its background. In the 
screengrab, the Normal mode layer is turned off to 
show the Hard Light layer's effect. 


Now the last hand layer can be turned back on 

and edited: it is too fussy and distracting. 
Check the Preserve Transparency box in the Layers 
palette and fill the whole hand with white. Select 
white in the top colour swatch in the Tools palette 
by clicking on it and, in the dialog box, type zeroes 
in the CMYK values, then apply Alt-Delete 


@ The image is pulling together now but the eyes 
need more definition and direction, To do this, 
choose colours from the highlights by clicking on 
the top colour swatch in the Tools palette, and when 
the dialog box comes up, click on the colour you 
want in the picture. Paint into a new layer at the top 
of the Layers palette. Use different colours and a 
small brush at low opacities for a modulated effect. 
Give this layer a slightly lower opacity until it blends. 


2 | In the Layer mask of the Normal layer, paint 
out parts until the Hard Light layer beneath it 
appears. Use a large brush at a low opacity for this, 
working gradually until you achieve a satisfactory 
blend. Having the mask in Hard Light mode alone is 
too recessive, but the Normal layer alone is too 
distinct from the rest of the image. Combining the 
two, you can get the right balance between 
readability and blending for this area 


TACr, samewcrpeeerene 


5 | Next, because this layer now has too hard an 
edge, uncheck Preserve Transparency and 
apply a Gaussian blur. We've used a radius of 8 
pixels. You can check the effect of the blur before 
applying it by toggling between different 
magnifications; hold down the Options key and 
press + to zoom in, or — to zoom out 


g To link the colours in the eyes to the 
background, duplicate the layer and assign the 
lower of the two Luminosity mode. Luminosity 
preserves a layer’s tonal range while changing its 
hues to those below it. The eyes will take on the 
tobacco hue of the face when you remove parts of 
top, the Normal mode, layer. It is important to 
preserve some of the cooler colours to link with the 
clockface hues. 


2} As you edit the upper layers, things in lower 
ones appear more strongly, some of which you 
might find unnecessary and distracting. Here, the 
thumb of the palmprint layer is too prominent, so 
we've painted it out in the palmprint layer's mask. 


G This layer is currently in Soft Light mode. To 
brighten this area so that it's closer to the 
values at the bottom right of the picture, which 
helps to link the two areas compositionally, 
duplicate the layer and change its mode to Overlay. 
Overlay heightens contrast and colour. Add Layer 
masks to both layers and edit them to blend. It is 
useful to turn layers on and off with the Eye icons to 
check their effect. 


9 | The eyes are now too bright, with both the 
Luminosity and Normal mode layers working 
together. As we only want the colour, and not the 
additional lighter tonal values, of the top layer to 
register, change its mode to Color. This imposes only 
the layer's hue on the underlying layers, and returns 
the area to its previous tonal values. In the 
screengrab, the effect of Luminosity layer on its own 
is shown inset, and the combination of Luminosity 
and Color mode layers is shown main picture. > 
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Part 5: Tying it all together 


Small changes can affect an image just as crucially as an adjustment across the whole 
picture. Keep checking the picture at different magnifications 


Different 
interpretations... 


Rather than just photographing a 


hand, two different ways of 


interpreting the subject are used 


here. Catherine made a 


handprint with ink on paper and 


scanned it in using a flat-bed 


scanner, and also took a 


photograph of a poster showing 
a hand. The more various your 


ways of depicting the objects in 


your work, the more depth, 


texture and interest the finished 


piece has 


Layer modes 


You will want to add more 


elements as an idea develops, 
but initially it is helpful to collect 
together a background and two or 
three things to arrange upon it. 


You can then start setting up 
relationships between them 


using Layer modes. 
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ee Look at the whole picture. Do you think the 
contrast is right? Does the picture's colour 
need to be more saturated? Such changes across a 
picture can be made easily with an adjustment layer. 
You don't need to apply the changes to each layer 
separately, or to merge them to make the change. 
Here, the contrast needs to be heightened slightly. 
Add an adjustment layer (under the arrow at the top 
of the Layers palette>New Adjustment Layer) and 
choose Curves mode. This brings up a second dialog 
box; you can adjust the curve in this and see the 
effect it has on the whole picture before applying it. 


The area below the left eye is too even; the 

background is too obscured by the hand 
layers. Remove parts of these three layers in their 
Layer masks until the background comes forward. 


There is an area of the background top-left 

which is dark and featureless. To add some 
interest here, copy an area of the background and 
paste it above the background layer. We've used a 
rectangle containing a nice diagonal highlight, 
flipped it and made it a little narrower. Blend it to fit 
in with the background with a Layer mask. 


@ Adjustment layers can be edited like a Layer 
mask; by painting directly onto the layer with 
black, you can remove its effect. You can also 
disable its effect in the same way as a normal layer 
mask, under Layer>Disable Layer Mask, and edit it 
under Layer>Adjustment Options.) Here, remove 
most of the layer until its effects are restricted 
mainly to the face area. 


G Now, in the Normal mode mask layer, we've 
removed the area at the left-hand side to allow 
the background's verticals to interrupt the circular 
shape of the clockface, which was still too strong. 
This brings the composition to a more satisfactory 
stop at this side. 


8 | Finally, to define the right eyelid, we've 
painted it back in the Normal mode layer's 
mask. Now the image is finished. Save the file in its 
layered format, then flatten it and Save As in a 
printable TIF or other format under a new name. 
You can then go back and make more changes at a 
later date if you wish. Small — or large! — problems 
can become apparent when a file is printed, so 
you'll need to be able to go back to the layered 
version correct them. 


3 | Small details at this stage can make a lot of 
difference, and really help to tie a picture 
together. At the bottom right, a yellow reflection in 
the background layer is too strong, so we've cloned 
it out. Pick an area to clone from while the 
background layer is active, then paint into a new 
layer. That way, you can edit your work before 
committing yourself. Here, we've reduced the 
cloned pixels’ Opacity a little to blend. 


G Look again at the whole image at a high 
magnification. If anything looks much sharper 
than the rest, it is a good idea to soften it a little. 
Here, the palmprint layer is significantly sharper; 
apply a Gaussian blur to correct this. We've chosen 
a radius of 0.5 pixel - a small change, but enough to 
blend the layer better. 


9 | You can go over a picture at a high 
magnification once it's flattened, to check it 
and clone out any tiny unwanted details: flecks or 
spots that may have been scanned in, for example. 
And that's it: an image built of many layers, all 
interacting together by virtue of their differing 
modes. Do experiment further: try applying 
different modes from those suggested to discover 
their effects. The possibilities really are endless, and 
sometimes surprising. FEES 
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Martin's design for a poster for a FontWorks exhibition in London, made using Adobe's two biggest hitters, Photoshop and Illustrator, in early 1999. 


Martin Fe 


Interactive media designer Martin uses Photoshop alongside an 
arsenal of new media tools. With fingers in various pies, 
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artin’s work for Websites, interactive TV 
and print is proof that talent and tenacity 
can carry you from a traditional art and 
design training into a variety of media or 
disciplines. Skills are transferable and some tools can 
be used in a number of different trades... 

After completing A-levels in Art and Graphics, then 
a Foundation Art & Design course in 1995, Martin took 
himself off to Salford University to start a BA (Hons) 
graphic design course. “During the course | did 
various pieces of freelance print work for the Uni,“ 
explains Martin. “I achieved second place in the 
Webshed Student Website Awards which led to some 
good publicity in Computer Arts Specials’ sister 
magazine, Cre@teOnline. | also designed the final 
show Contact2000 Website and print work, 


A development of a piece produced for the forthcoming Fold7 book based on the breakdown of cell structures. /llustrator, Swift3D and Dimensions all teamed up with Photoshop on this project. 


[w] www.design.salford.ac.uk (scroll down past the 
Contact2001 button to find the enter button). You'll 
probably see some similarities with the Contact2001 
site and the one | did. After finishing the course | was 
asked to design the prospectus for Salford University’s 
School of Art & Design, which was nice to work on and 
the print production of it is nice too.” 

With the success of Martin's work on the 
Contact2000 Website and the buoyancy of the job 
market at the time, the graduating designer had quite a 
few job offers, mostly new media type places and a few 
overseas. But Martin chose to go to Carlton 
Television's interactive TV department, Carlton Active. 

“| was interested in interactive TV because it was 
such a new medium to work with. | worked on various 
projects for the digital terrestrial platform, using 


Photoshop to design screen layouts and graphics 
which were then passed onto programmers who made 
it work on the set top box. | found working in interactive 
TV very frustrating, mainly due to technical 
restrictions. Also navigation had to be completely 
accessible and easy so that people who may have 
never used a computer could understand it, which was 
fine, but it was a step backwards from my previous 
interactive work.” 

So Martin got his portfolio Website together 
(designed in /llustrator and built in a combination of 
Flash and Swift3D) in order to go job hunting again. 
After encouraging feedback from the Web community 
(threeoh.com, surfstation.lu, linkdup.com “and very 
nice people from all over”) Martin landed his current 
job at a company called Fold7 Based in London, Fold7 


is a graphic design company aimed at the youth 
sector (see [w] www.fold7.com). “I've just completed 
work ona presentation for the Barbican as well as 
working on designs for a forthcoming Fold7 book, so 
work-wise things are good at the moment. Also, 
in-between my job change, | designed and produced: 
[w] www.chelsea.linst.ac.uk/show2001.html”. 

Martin's philosophy is refreshingly straightforward 
and honest: “Most of the time it’s about designing for a 
reason.” So if acommercial job comes in, he uses 
ideas to interpret a brief and deliver goods that work. 
But other times Martin's illustrations come more 
freely: “Expressing ideas through my style, I’m 
deliberately aware not to rip people off.” 

Essentially, he aims to be interesting and unique, 
and his from-the-ground-up approach reflects that. 
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1. More of Martin's work on 
Salford University’s Art & 
Design prospectus. These are 
from a set of introductory 
pages that set the mood of the 
School of Art & Design and are 
created using a combination of 
Illustrator and Photoshop. 


2. This is a more personal work, 
more experimental than most 
of the other examples shown, 
and created from scratch using 
only Photoshop. “It was done in 
about ten minutes,“ Martin 
reveals. “Work shouldn't 
always be a laboured process.” 


Tools of the trade 


Here is the kit that Martin uses 


Hardware: Mac - G3 233 (“need to get 
something faster”), PC - Athlon 500MHz, 
Epson A3 printer, CD-writer, Umax 


scanner, Fuji digital camera, Lomo camera 


Software: Photoshop, Illustrator, 
QuarkXPress, Flash, Director, Streamline, 
Swift3D, Dimensions, After Effects, 

Fontographer... “Anything, really.” 
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“| usually start with a pen and paper, brainstorm and 
scribble down ideas, or just sketch and doodle on the 
computer. I've got all my work backed up but | very 
rarely reuse stuff, | keep an on-going collection of 
photos, but only use them once ina piece of work. 

“| don't go out looking for illustration commissions 
because | work full-time, though people occasionally 
ask me to work on a project. The best client gives their 


trust to the (good) designer to do what they feel is right, 


and that freedom often produces better work.” 

Is there an ideal client out there for Martin? 
“PlayStation would be nice, orany client that gives 
total freedom.” 

As you may guess from the kit listing, Martin is au 
fait with a range of software tools. He made his own 
site [w] www.martinfewell.com using Flash 5 and 
Swift3D, he “dabbles in photography” and has recently 
been learning his way around Director. Photoshop, 
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though, is the tool most often used in conjunction with 
other apps, and naturally Martin has his opinions on it. 
“| suppose how good it is gets taken for granted a lot 
of the time. Probably my favourite feature at the 
moment is the gradient selecting things with the 
Quickmask,” says Martin, but which part of Photoshop 
could he put in the trash without so much as a 
backward glance? “Photoshop 6 did most of that | 
think! Though | don't really like the SRGB colour 
format they brought in a while ago. Colours can 
sometimes change a lot when formatting graphics for 
other uses. All the Adobe tools work well together, and 
| think that companies like Macromedia have to 
integrate their software with it too because most 
people will always see it as the top image editor.” FEES 
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Photoshop, Martin cut out sections with the Lasso 
and applied various filters to different areas: Mosaic, 
Messotint and Motion blur. Next, layers were built up by 
copy-and-pasting areas on top of themselves, changing 
the layer settings: Hard light, Multiply and so on, and then 


deleting sections with the Lasso. 


After some rough sketches of compositions and 
ideas, Martin used /llustrator to design the structure 
of the illustration. The large shape in the centre is a stylised 
3D drawing of the plug-in icon, made using Swift3D. The 
plug-in icon has male and female parts, so Martin 

] designed some characters to emphasise this in a fun way. 

| Martin also designed the typeface. 


Taking the flattened /lustrator document into 


3.Two from Martin's set of five exhibition 
prints for Contact2000, Salford 
University's BA (Hons) graphic design 
end-of-year show. 


4. Designs made using /llustrator and 
Photoshop early last year, for a punk/ 
Japanese-style restaurant, following a 
D&AD brief. “I used imagery from old 
Japanese films together with bright 
punky colours and circular patterns that 
gave an impression of the Japanese flag. 
{ The logo draws influence from Japanese 
i vertical type.” 


Continuing building the piece in /llustrator, making it 
more intense. The sky background is a scan that 
Martin turned into a bitmap in Photoshop and re-coloured 
in /llustrator. The yellow and red stripes in the centre are 
screengrabs from when Martin's PC had screen redraw 
problems, so Martin captured the odd effects and made 
good use of this accident. 


Martin then imported a few of his own photos to add 

depth and texture. “I flattened the layers, and 
adjusted the levels a bit so that the contrast was high and 
colours bright.” Two Adobe apps being used in tandem to 
great effect — Martin's Latest illustration being the result. 
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Illustration: Kevin Davison [t] 01908 616313 [m] 07949 540319 
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Photo retouching 
and restoration 


With a bit of digital imaging, it's relatively easy to 
turn a mediocre photo into a exceptional one 


hotos are a very personal 
thing. They capture memories 
of things we've done, people 


problem, they are still subject to the 
vagaries of the weather, lighting and the 
subjects as well as the ability of the 
actual photographer. 


I, Expertise provided by Lee Fulmer z we've known and places we've | 
=| fey Gonimhenmanaitag eNOS been. They are also very subjective: what | Image manipulation is often 
one person thinks makes a beautiful | considered a black art, largely because 
photograph, another will loathe. Even if so much of it is intuitive and subjective. 
Online files two people agree that the composition is Fortunately, many of the problems we've 
You can download the images for this brilliant, it isn't uncommon for them to | mentioned can be overcome through a 
tutorial from the Computer Arts site disagree on the colour, contrast or | bit of judicious digital imaging. While 
[w] www.computerarts.co.uk/cdrom. | g 
All the techniques were performed saturation of the image. Then of course | Photoshop cant fix a poorly composed 
dae tel er abe earebug ight by there is the problem that the prints | photograph, it can compensate fora 
Lee Fulmer and may not be themselves tend to fade overtime.While | photograph’s shortcomings or even 
redistributed, reproduced or sold. +e . : ; 
digital cameras don't suffer from this last restore tired old prints. 
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Part 1: Removing creases and scratches 


Removing the creases or scratches from a scanned image is relatively easy, 
it just requires a little time, a lot of patience and the Clone Stamp tool... 


Clone Stamping 


The Clone Stamp tool is one of 
the most powerful and flexible 
tools in Photoshop. Although it is 
often over-used and abused, it is 
more than worth taking the time 
to learn to use it well if you want 
to clean up images. The key is to 
know which brushes and sizes to 
use and when. It's equally 
important to vary your clone 
selection throughout to avoid 
creating mirrored artefacts in the 
image. Finally, although you may 
be tempted to use the Blend and 
Transparency options when 
cloning, don't! Apply your clones 
to a separate layer which you can 


control to your heart's content. 


ae The print is black and white, but it has become 
discoloured and scratched. Download the 
toddler.psd in colour from [w] www.computerarts. 
co.uk/magazine/cdrom and calibrate it so that you 
can see what the original print is like 
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4 | Next, select the Clone Stamp tool and 

ensure the mode is set to Normal and Opacity 
to 100 per cent. Pick an area of the image to work 
on and select an appropriate brush size. In this case, 
we start with the sky, so select a soft 35 pixel brush. 
Finally, make sure you tick the Aligned and 

Use All boxes. 


7 Finally, we need to clean up the trees. 
Although they dominate the background, they 
have little definition because of the type of camera 
used. In this case, we've opted for a Splatter brush 
and cloned parts from different trees on to one tree 
to avoid mirroring again. 


gy Although some digital artists prefer to 
manipulate their black and white images in 
colour, this can create a variety of problems. For the 
purposes of this tutorial, we need to convert the 
image to grayscale, (Image>Mode>Grayscale). 


When working on large areas with little 

variation, such as a sky, try to keep your 
clone selections far away from the area to be 
repaired and change your selection frequently to 
avoid mirroring it. Here we've used opposite sides 
of the image and offset them as they're moved 
towards the centre. 


After much fiddling around and lots of clone 
stamping, the image now is much cleaner and 
almost completely free from scratches and creases. 
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© Before beginning our repair work with the 
creases and scratches, we need to create a 
separate scratch layer to hold the actual repairs. 
(Layer> New>Layer). This enables us to keep the 
image intact and manipulate the repairs separately 
if need be. 


Next is the foreground which includes the 

grass, pavement and little girl. Because 
this is the focal point of the image and has the 
most detail, select a much finer brush. In this part of 
the picture, there is a lot of tonal variation so group 
clone selections as closely as possible to the area to 
be repaired. 


The scratch layer holds all of the actual repair 

work. While the repair work went well in this 
particular case, it doesn't always, so it's handy to 
have this in a separate layer which you can blend or 
make transparent over the image itself. > 
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Part 2: Improving image tone 
There is often more detail in a damaged image than is initially visible. 
Reworking the image tone helps to tease out this extra information 


Working with tone 
and colour balance 


The tone of an image and the 
colour balance are subjective 
things and different people find 
different combinations 
appealing. Much of the 
technique in restoring images 
relies upon the intuition of the 
person doing the work. This is 
why clicking the Auto button or 
setting a white and black point 
only produces mediocre results. 
If you're unsure where to start, 
both options give you a good 


starting point from which you can 
tweak things yourself. 


ae Having cleaned up the scratches and 

creases, we need to work on brightening up 
the image and bringing out some of the detail. 
While this can be done via a variety of means, we'll 
use Curves in this example and store the 
information in a separate layer as we did with the 
repair work. 


Start by lightening up the sky in this image. To 

do this, hold down Ctrl/Apple and click on an 
area of the image that needs to be lightened — this 
creates a handle in the Curves window. In this case 
we've chosen an area of the sky between the trees 
which is too dark. 


Next, we need to increase the dark areas of 
the trees and ground to remove the washed 
out appearance. As before, hold down the 
Ctrl/Apple key and click on an area in the image 
that you want to change. In this instance we've 
chosen one of the darkest areas on the image in 
the treeline. 


G As with the sky adjustment, the goal here is 
to darken the trees slightly and add more 
definition to the ground. We've brought it down 
and to the left to darken the areas a few degrees 
without posterizing them. 


8 | Although we've kept a close eye on the rest of 
the image, adjusting the midtones has created 
problems in the sky and treeline. To counter this, 
adjust the handles for the sky and ground to 
balance the image better. 


This time when you adjust the handle, the 

movements affect the other two handles and, 
correspondingly, the overall balance of the image. 
Therefore you need to keep an eye on the whole 
image while making adjustments. Here, pull the 
handle to the right and down. 
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You'll notice the handle just added is located 

on the curve. This indicates where the area 
selected falls in the tonal range. To lighten the sky, 
simply drag the handle: up and left increases 
brightness while down and right decreases it. In this 
instance we've moved it a good bit to the left and 
up slightly. 


G After adjusting the tone of the sky and darker 
ground areas, the image is still lacklustre in the 
midtones. To correct this, we need to set a midtone 
handle to pull a bit of life out of the lighter areas 
such as the grass, pavement and subject. In this 
instance, we've opted for the grass to avoid 
washing out the subject too much. 


9 | Finally, the adjustments to the tone mean that 
some of the repair work shows up as artefacts 
in the image. If this repair work had been done to 
the image itself, we'd have to start again. 
Fortunately it’s in a separate layer so we can just 
bring the transparency down to 90 per cent which 
blends it into the image. 


Part 3: Improving colour contrast 


Underexposure is a common problem with 
point-and-shoot cameras, but simple to correct... 


Levels versus 
Curves 


There are usually multiple ways 
of achieving an effect in 
Photoshop and this is certainly 
true when it comes to improving 
the contrast of an image; but 
which one to use? Often, the 
decision has a lot to do with 
intuition and past experience. 
However as a general guideline, 
Curves are much better suited to 
handling tone in grayscale 
images or if you're working with a 
single Colour channel. Levels 
work better with colour images 
or when you want to work with an 
entire image, rather than a single 
Colour channel. In this example, 
we use Levels to clean up the 
image because it enables a finer 
control of the white and black 
limits than Curves. 


rs 
ge This picture (suomenlinnia.psd, download it 
from [w] www.computerarts.co.uk/magazine/ 
cdrom) has a lot of detail and contrast and is well 
framed, but is underexposed. Fortunately, 
improving the colour contrast is a simple task. 


o Next, click and drag the black point to the 
right. You would normally stop where the 
curve starts (as with the white point) but in this case 
we've continued on to bring some depth of field to 
the trees. This trick can add depth to an otherwise 
flat picture, but be careful not to go too far or the 
darks areas will posterize 


#3 Start by adding a levels adjustment layer 
(Layer>New Adjustment Layer> Levels). Make 
sure that the Channel is set to RGB and the Preview 
box is checked. 


GREETS 


si Click and drag the white point slider to the left 
until it's just under the rising curve of the 
histogram. The reflecting light on castle is already 
quite bright, so it's important not to drag the slider 
too far or the castle will burn in. 


5 | Adjusting the white and black points has 
washed out other parts of the image. To 
bring the tone on the castle down, we've dragged 
the midpoint slightly to the left. The completed 
picture has a much better colour balance than the 
original scan in step 1. 


To illustrate the differences between the use of 

Levels and Curves in improving colour 
contrast, we've turned off the Levels layer in this 
shot and added a Curves layer. Even with multiple 
handles and tweaking, the resulting image doesn't 
have the depth of field that the Levels version does 
and is too bright. 


Part 4: Improving underexposed images 


Images which are underexposed are usually dull and dark. Fortunately there is hope on the digital frontier 


a This image was taken with a specialist 
panoramic digital camera which uses a 
standard SLR lens. The exposure had to be balanced 
between the sun and its surroundings which has 
produced a dull image with severe lens flare where 
the sun is. Unfortunately, for copyright reasons, this 
image isn't available for download. 
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The first thing we've done is to pick some 

points in the image to use as reference points 
while retouching the image. We've chosen to use a 
clear bit of sky, the hotel, a stretch of horizon close 
to the sun flare and the sea. 
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a We'll start by adding a curves adjustment 
layer with the Mode set to Screen — go to 
Layer>New Adjustment Layer>Curves.> 
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Digital versus film 


While photography purists 

argue that a digital image can 
never be as good as an image 
shot of film, some shots can't be 
easily done with film. Take this 
panoramic shot of the beach at 
Brighton for example. This could 
have been done with a film 
camera, but it would have taken 
50 or 60 shots all framed slightly 
differently and bracketed 
exposures, Usinga digital 
panoramic camera we were able 
to view the shots as we took them 
and adjust the framing and 
exposure. Even so, there is stilla 
lot of tidying work to be done to 
bring out the best in this image. 


We've chosen to use the Screen mode 

here instead of the Normal mode because 
Screen helps to balance the saturation of the 
image overall. You'll see here that even though the 
curve hasn't been adjusted, the image quality has 
already lightened. 


fe layer Select Hiter View Window Help | Asan 


Moving the Curves dialog to the right side 

of the screen reveals that the tone of the 
wood is already nearly perfect. To retain this 
point, set the next handle using the decking in 
the foreground. 


Dragging the hotel handle to the left while 

keeping it in a flat line, enables us to lighten 
the whole line of buildings along street level without 
changing the contrast or impacting other areas of 
the image. 


Zoomed the image in to full screen and 

remove the palettes so you can see the entire 
picture while working. While the image needs work 
over the whole image, start with the sky because it's 
the largest piece of the image. Set the first handle in 
the middle of the sky's tonal area. 


There is still some imbalance in the tone of the 

background images, but instead of working 
with the wood handle, we'll use the sky one again. 
By dragging this handle back towards where it 
started, we've managed to lighten the highlights in 
the sky slightly while keeping the tone of the deck 
and darker sky intact. 


it | The one major area of the image which still 
needs a lot of work is the right-hand side 
where the sky and sea meet in a massive sun flare. 
There is too much here for a single handle to 
correct, but we've placed the first one at the horizon 
just where the sun flare starts to burn in. 


12 flat as you drag it horizontally. In this case, 


G Drag the first handle to the right, keeping it 
relatively flat vertically. Immediately, this 
makes a substantial improvement to the tone of the 
sky butit also improves contrast across the various 
dark areas of the image. 


9 | We need to add some vibrancy to the strip of 
buildings along street level. Place the next 
handle on the part of the hotel that appears closest. 


TRMUOBEH| 


As before, try to keep the handle relatively 


we've brought it to the right in an effort to reduce 
the brightness of the horizon where it hasn't burned 
in yet. 


iar View Window Help 


The final handle we've used is for the sun itself 14, 
which is the brightest part of the image. As 

you see, the handle actually registers as the white 

point. In this case, many people might choose to use 

the white point Eyedropper to correct the sun, but 

this would cause us to lose too much information. 


This time, drag the handle straight down. 
This has the effect of increasing contrast 
rather than darkening the image. If you move the 
handle to the left, or any further down, you start to 


get posterized effect, so you have to be careful with 
this adjustment. 


View Window help 


ae 


G With the tone sorted out, we need to clean up 
some of the problems with the image. The first 
of these is the extreme sun flare which is a result of 
the sun overloading the CCD in the camera. Here 
we've used the Selection tool, set to single pixel 


column, to copy a column of pixels just to the right 
of the burn. 


We've had to paste the column in repeatedly 
in order to completely mask the burn in. It took 


five single pixel columns — Photoshop places each of 
16 | Next, paste this column of pixels into the these in a separate layer which makes it easier to 
image over part of the burn. place them side-by-side, a pixel apart. 


Removing the shadows is a simple task of 
Cloning and Stamping a neighbouring 
portion of the deck which doesn't have any 
shadows cast on it. 


For greater control, zoom in on the area with 20} 
the shadows in it. The shadows were cast by 

the photographer, a colleague, and the tripod the 

camera was mounted on. 


layer which you can also use now to store the 
other repair work in. 


@ The final image has a much better tone and 
colour balance. The sun looks much more 
dramatic now that the burn and lens flare has 
been substantially reduced. The removal of the 
shadows, while not necessary, make the viewer 
wonder how the shot was even achieved. Overall 


the effect is stunning. > 


Photoshop Special 


Photoshop Special 


Part 5: Removing digital artefacts 


Digital artefacts are an unfortunate by-product of digital cameras. 
Let's take a look at how to reduce or minimise them 


The evils of 
compression 


Most digital cameras store 
images using some sort of 
compression. While compressing 
the images maximises the 
number which can be stored on 
the memory card, it also 
compromises the image 

quality. Most digital cameras use 
JPEG compression to reduce the 
amount of information where 
there are large swathes of a 
single colour ortries to average 
colour values in certain areas. In 
both cases, this produces digital 
artefacts which mar the image. 
While most cameras enable you 
to set the level of compression, 
which can help reduce the 
presence of these artefacts, 
most images still need some 
cleaning up. 


G Download this image, entitled ibiza.psd from 
the Computer Arts Website. It was taken with 
a digital camera which was an intermediate model a 
couple years ago. While the image was shot in Fine 
mode, it still has some nasty artefacts around the 
front end of the car and is generally harsh. 
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What we need to do is blur the artefacts into 

the surrounding pixels. Select the Gaussian 
blur filter from Filter>Blur>Gaussian Blur. Starting 
with a value of 1, drag the pointer to the right 
until the image smoothes. Remember, the amount 
of blur you need differs from image to image and 
within channels. 


2] The first thing to do is to convert the image 
from RBG (used by most digital cameras) to 
Lab Colour, (lmage>Mode>Lab Colour). The lab 
colour space separates the colour information from 
the black and white information which makes it 
easier to clean up. 


3] Switch from the Layers palette to the Channels 
palette. We'll start with a channel which is a 
contrast channel for the image. This channel shows 
up some of the artefacts in the background which 
weren't as readily visible in the Colour channel. 


G Next, select Channel b in the Channel palette. 
Straight away you'll notice that this channel 
contains much more detailed contrast information 
than Channel a and shows up more of the artefacts 
in the car itself. 


As with Channel a, we want to blur the 

artefact into the surrounding pixels. Select 
Gaussian blur again and starting with the pointer at 
1, drag it slowly to the right. In this case, we've had 
to use a much higher value due to the extra 
information in the channel. 


By blurring the Contrast channels, we've 

softened the image considerably. In order to 
correct this, we need to sharpen the Lightness 
channel. Select the Lightness channel from the 
Channels palette. 


8 | While working in black and white for the other 
channels was fine, we need to fine-tune the 
image so it's better to view it in colour. To do this, 
use the ‘~' key. Next, bring up the Unsharpen Mask 
by going to Filter>Sharpen>Unsharpen Mask. As 
before, each image is different, but start with small 
values (eg, 25 per cent, 2-5 pixels, 2-5 levels) and 
increase them slowly. 


Eo 
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9 | The image is now complete. Visually, there 
doesn't appear to be a tremendous difference 
because the original image already had a good tone 
and colour balance. However, the artefacts are now 
mostly gone and the image has a softer quality. 
This technique can also be used to reduce the moiré 
effect in scans. ES 
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Computer Arts Flash Special — 
cosB0018 

10 new tutorials including creating 
the illusion of 3D, making your own 
extensions, using dynamic menus 
and Vecta 3D. Discover how to 
make your site sounds as good as 
it looks in our Sound & Vision 
feature and pick up an ActionScript 
tip or two. Plus profiles on Hillman 
Curtis and HIT Entertainment, the 
creators of the Bob the Builder 
Website, books, reviews and more. 
CD Demos of Director 8, 
Dreamweaver/UltraDev 4 and 
LiveMotion, plus the Java 
Integration Kit and resources. 


Issue 56 — Code CA056 
400 free Photoshop filters 
CD Six Reyes plug-ins for 3ds max 


and demos of Aura 2, Expression 2. 


Computer Arts Animation 
Special - COSB0019 

Eight new tutorials include: creating 
a walk cycle in Maya; bring your 
objects to life in Flash; how to show 
emotion in Character Studio; 
combining 3D objects and video 
footage in After Effects; animate 
our free gremlin model in Poser and 
build atmospheric scenes. 

We find out how Passion Pictures 
created the Robbie Williams 
character for his latest video and 
look at the CG division at Aardman. 
CD A Taste of Maya, Poser 4, Flash 
5, Cinema 4D xl 6.1, Retas Pro, 
2.5d Animation Stand and more. 


Issue 57 — Code CA057 
Colour correcting photography 
CD Double CD issue! Exclusive 
demo of 3ds max 4. 


ein UK. Add £ 
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Computer Arts Photoshop 
Special —- COSB0020 

Eight stunning tutorials written by 
the leading Photoshop artists: 
recreate the surreal cover image; 
create flat vector shapes without 
using FreeHand or Illustrator, 

build an image gradually using 
layers; make a convincing old 
screen print effect for an 
illustration; create a focal point; the 
art of promotion. Master the art of 
colour management and a look at 
the future of typography. 

CD 366 free Photoshop filters and 
extras, and 27 demos including 
Photoshop 6. 


Issue 58 — Code CA058 
100 ways to better Websites 
CD Merlin 3D, Cinema 4D Art, 
Amapi 3D 4.15. 


Computer Arts Dreamweaver 
Special - COSB0021 

We guide you through Dreamweaver 
4 and UltraDevwith nine new 
tutorials and techniques, including: 
setting the configuration; HTML 
layout and page design; creating 
libraries in UltraDev and site 
management. We've also compiled 
155 Dreamweaver solutions: fixes 
for browser bugs; Q&A answered by 
the experts; and tips and shortcuts 
for UltraDev. Plus Matinee and 
Random Media. 

CD 28 Extensions, Dreamweaver 
4, UltraDev, Flash 5, Generator for 
Flash, Netscape 6 and Fireworks 4. 


Issue 59 - Code CA059 
Exclusive Cinema 4D CXL 7 demo 
with expert tutorial 

CD Cinema 4D XL 7, D Sculptor. 


of the world 


Computer Arts Flash Special — 
COSB0022 

Tutorials on a host of Flash-related 
topics, including: the designer's 
guide to XML; creating and editing 
sound clips, using a Flash 5 
scripting engine; rotational 
navigation; and how to set up a 
Generator server and add dynamic 
Flash content. Make your Flash life 
easier with a complete ActionScript 
reference and expert tips from 
Macromedia. We also profile rom 
and son, Broad Snout and Pesky. 
CD Demos of Flash 5, Director 8.5, 
Generator, FreeHand 10, 

Flash Typer, and 70+ source files. 


Issue 60 — Code CA060 


Web video effects 
CD After Effects 5 demo and the 
full version of Amorphium 1.0. 


+44 (0)1458 271108 


take out a subscription — see page 15 
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Optimising 
graphics for 


a the Web 


Photoshop's Save for the Web feature 
barely scratches the surface of what the 
Photoshop/ImageReady package provides — 
we take a look at the practicalities of 


creating Web graphics 


ost Web designers are animations, rollovers and Image maps. The 
aware of Photoshop's only downside to using the two programs in 
Save forthe Web tandem is the sheer amount of processing 
feature but this barely power and memory your computer needs. 
scratches the surface of what the Add to that an HTML editor, FTP software, 
Photoshop/ImageReady package some browser windows and an email client, 
is capable of. This tutorial runs | then you could find your workflow grinding 
through what the Save for Web to a halt as applications crash and burn 
feature does to your images and takes | around you. So read these pages, convince 
a look at other specific features your boss you need to upgrade your 
hardware and wonder just how you used to 


ImageReady provides. 
If you work in a production-based get things done before. > 


role, you may find that you favour 

ImageReady over Photoshop for many 
features as you discover the advantages 
this application can offer. 

We'll also take a look at the practicalities 
of creating Web graphics that optimise 
your site’s download rate and how 
ImageReady can help with the creation of 
more dynamic elements such as 
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Part 1: Save for the Web 


Instant Web optimisation using Photoshop's dedicated tool 


Flat and graded Color Picker 
colours Select foreground color: 


For hybrid images that contain 
flat and graded colours, choose 
the GIF format using the 
Perceptual, Selective or Adaptive 
palettes. This works much better 
than the Web palette, providing a 
reasonable balance between 
maintaining Web-safe colours 
and rendering continuous tones. 


Depending on the composition of the image 
as When creating graphics for the Web, it's Once you've completed your graphic, access mw and its range of colours, it is worth 
advisable to work within the Web-safe palette = the Save for Web tool under the File menu. experimenting with various settings. For best 
as often as possible because many corporate users By default, this generates four versions of your immediate results, use GIF for solid colour images, 
may still be using older boxes incapable of handling image, the properties of which are listed gradually reducing the number of colours used, 
more than this range. As such, make sure you keep underneath. You can then select individual versions and JPEG for more graded tones. Drop the quality 
the Only Web Colours checked while you work. and amend its properties using options on the right. as low as possible for the lowest file sizes. 


»be Photoshop 


Finer control of the colours discarded when Photoshop then indexes the colours in the For JPEG graphics you can choose between 

creating GIF files is possible by selecting and created GIF so only used colours are stored in four main defined settings from Low to 
deleting specific colours in the Colour Table should the file, ensuring a lower file size. When re-working Maximum quality. Use the Blur tool with care to 
Photoshop strip colours you want to retain. The indexed colours they should be converted back to reduce detail and lower file size and check the 
Dithering options enable you to determine how RGB mode to give more colour control when editing —_ Progressive option so that large images fade into 
Photoshop handles non Web-safe colours. or resizing your image (see step 2). place as they load. 


j : 
: — 8 | Graphics relying on HTML can be embedded 

Other often-overlooked features available directly into HTML files using the Output 9 | Other easily missed functions can be found by 

from the Save for Web feature include the Settings. This gives greater control of your settings clicking the circular arrow icons. These provide 
tools available on the left of the preview panes. when working with HTML, background images and options for calculating download rates, emulating 
Included here is the Eyedropper which is useful for slices, even enabling you to define filenaming alternative platform schemes and improved colour 
selecting colours for use with the matte feature. The conventions of generated graphics and whether to handling. Modified settings can also be saved for 
Slice tool can also be accessed from here. adopt default of GoLive HTML standards. 


instant access through the Settings dropdown. 
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Part 2: Indexing colours 


Understanding how Photoshop optimises GIF images 


a When creating images for the Web, it is best 
to work in RGB mode because this provides 
the most versatile range of colours and options. 
However, in this mode, a huge range of colours 
must be stored in an image file, ultimately resulting 
in the enlargement of a graphic's file size. 


When images are converted into the GIF 

format using the Save for Web feature, 
Photoshop automatically discards any unused 
colour information, storing only necessary colours 
and providing a much reduced file size. 


Should you need to further edit a previously 
indexed graphic, it must first be converted 
back to RGB mode. Without doing this you will be 
restricted to using only indexed colours and a single 
channel, in turn reducing your potential options. 


Part 3: Blending images 


How to create transparent GIFs that blend seamlessly into a background colour 


Pick a palette 


Most people refer to them as 
colour palettes but /mageReady, 
for some reason, names them 
‘colour reduction algorithms’. 
Whatever you call them here's 
how they work: 


Perceptual 

Generates a colour table on 
present.colours focusing on how 
colours are perceived by the eye. 


Selective 

Similar to perceptual but leans 
more towards preserving flat and 
Web-safe colours. 


Adaptive 

Creates a table based around the 
dominant colour spectrum found 
inan image. 


Web 

Creates the smallest file size by 
shifting colours to those available 
in the Web-safe palette. 


iv 


ih Quite often you may have a complex 
background image which needs graphics 
placing on top. In regular HTML, it is impossible to 
guarantee the absolute positioning of an image, 
which makes placing irregularly shaped graphics an 
awkward task if you need to give the impression of 
a seamless join. 


4 | Next, enter your page's dominant background 
colour in the Matte option, either by choosing 
one of the defined dropdown options or entering 
your more specific values using the ‘other’ option. If 
you zoom into your image, you'll see the blended 
effect in more detail. 


£ The most obvious way around this problem is 
to use transparent borders around an object, 
but this can still lead to jagged, aliased edges. The 
Save for Web feature provides the tools necessary to 
blend the main object into the transparency by 
creating an anti-aliased border which blends the 
foreground and background colours and gives the 
illusion of a smoother image. 


Lp 


G When the final graphic is placed over the 
background in HTML and viewed through the 
browser, the anti-aliased edges provide a cleaner 
transition between the two images. However, 
should your dominant background colour change, 
the anti-aliasing creates ghosting around the 
foreground image that must be removed. 


g Before you jump into the Save for Web option, 
make sure that any areas where you want 
transparency are free of colour and then launch the 
feature. Transparency only works on GIF or PNG 
images, so select your format and check the 
Transparency option to include this in your palette. 


G If it's impossible to revert your original PSDs, 
Photoshop provides the Defringe tool. Select 
the object you want to modify and then choose the 
Matting>Defringe option from the Layer menu. 
Start by shaving off one pixel and gradually working 


in for the best results. > 
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Part 4: Understanding ImageReady 


Take a wander round Photoshop's Web-focused cousin 


Layer effects 


Whether you love them or loathe 
them, Layer effects are also 
available in ImageReady, but if 
you're used to the quick 
Photoshop method of 
double-clicking on the layer 


e map tool lice tools 


name to access them, you'll be 
left stranded. Use the Layer Style 
option under the Layer menu to 
access these. 


Jump to it 

The Jump To button at the bottom 
of the Photoshop and 

ImageReady toolboxes launches 
the counterpart application, 


ERO aS 


taking a working version of your a Photoshop was originally developed for more The first thing you'll notice is that it all looks The toolbar provides all the most common 

current document with you. You traditional forms of media which didn't require very familiar. The toolbox and palettes are Photoshop tools with the addition of dedicated 

canthen-carry oucedlite inthe the kind of optimisation necessary for Web delivery. modified specifically for working ‘on media created Image map creation tools and enhanced slicing 

other itis and hit the Jump 1 ImageReady was therefore developed to expand for the Web and the canvas provides an interface capabilities. Underneath the background and 

Gute iaca Geek to our Photoshop's potential, with particular reference to similar to Photoshop's Save for Web tool. In fact, foreground colours, are more Web-specific tools for 
eee " this new media. Hit Jump to ImageReady to load ImageReady can be compared to working toggling Image map and slice visibility and 

sel lla your current file in this complimentary application. completely in that environment. previewing rollovers and work in the browser. 


® Adobe ImageReady 


Many of the palettes will also be recognisable = 
4 | The Options bar runs under the same such as Layers, History, Info and Colours. The G The menu bar is also largely familiar. There is 
Photoshop principle, but it's worth spendinga Optimise palette is new, although it should be an additional option in the form of the Slice 


moment or two getting used to the new groupings familiar because it provides similar functionality to menu, again providing further dedicated Web 
and options available with each tool because there Photoshop's Save for Web feature, bringing such graphics potential and, when combined with the 
are modifications to each — many of which should optimisation possibilities straight on to the desktop enhanced toolbar slice features, enables the 
arguably be included in the parent application. without the need to launch a dedicated tool. ultimate control over such a feature. 


| Layers } Histor; 


Tile Maker 


9 | However, the most specific and powerful set of 
Still in the menu bar, the filters offer a similar 8 | The Actions list is a range of Web-specific tools for Web designers and producers can be 
range to Photoshop. However, tucked away possibilities dealing with basic text effects such found in the animated and HTML components 
under the other group is a groovy little tool called as two-state button creation and basic animation supported by /mageReady. Basic animation, 
the Tile Maker that does exactly that. By blending effects through to complete Web page template rollovers, Image maps and even more slice controls 
the edges of your image a defined amount, creation. As in Photoshop, they are completely are available via a floating palette introducing a new 
seamless tiles can easily be created. recordable so you can create your own. concept of layers over time. 
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Part 5: Get animated 


How to create basic animations 


Adding new 
colours 


To create variations in colour or 
opacity in an animation, run 
through the steps here and edit 
the graphics in each frame 
accordingly. Note that adding 
new colours in this way increases 
the number of colours that need 
to be indexed, which in turn 
increases the final file size. 


More frames 
For smoother animations, use yore Sd A OS aoeee 
= : A) 0 ee | 
more frames through your 3 f ag a r 
tweens. Obviously, the inclusion a Ls TUTE adi sable palette ee bersee click the ; a et h \ b : 
oe HRT TaIAa GLEE BE jow Animation option under the Window An icon similar to the new layer button is 


Creating animated GIFs in /mageReady is menu to reveal the Animation Control panel. This available and works in the same way except 

fairly straightforward once you understand the —_ now displays a single thumbnail of your image with that you are adding frames over time rather than 
basic layers over time idea. To get started, open the recognisable controls — Play, Stop, Rewind andsoon _vertical layers. Click on this about five times to 
red_ball.psd file from the cover CD. greyed out underneath. duplicate the current frame. 


your file size, so balance this out 
to achieve the best results, 


Pr a) io TN 


me so] Toei Teal] 


| 5 | For smoother animations, use the tween 


Clicking on a given thumbnail activates that function by placing your graphic at its start G You can amend the length of time each frame 
frame, so click on the third and move your point in the first frame and end point in the last. By displays underneath each frame and how 
object on your canvas. If you now click the Play clicking the tween button, /mageReady equalises many times your animation loops, from the 
button you'll see the frames run through their the spacing between your graphics in each frame for dropdown to the left of the play controls. Look at 
sequence as the animation progresses. smoother movement. the movement.psd on the cover CD for an example. 


Part 6: Slice and dice 


Image slicing and link generation 


Slice tab 


Ever notice the up/down 
arrowheads on the slice tab? 
Double-click the tab title for 
additional options such as the Alt 
tag and more precise control of 
the slice positioning. 


To specify attributes, choose the Slice Select 
tool and highlight one of your objects. From 


a Although there are Image Slicing tools in Next, select the Slice tool and create selections __ the Slice window (Window>Show Slice if not 
Photoshop, ImageReady makes the whole around the image elements. ImageReady available) you can now provide a link location and 
procedure much more intuitive. Open the automatically slices the image into smaller graphics target. Give the image a name for coding purposes 
shapes.psd file on the cover CD for a basic image, and generates the necessary HTML to recreate the or even determine whether the table cell should 
which you can then experiment with. image in the browser. remain empty or not. > 
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Part 7: Image rollovers 


Now you see it, now you don't... 


Multiple buttons 


Be wary of excessive use of 
multiple button states. A simple 
rollover needs twice the number 
of graphics to be downloaded; 
with a large number of five state 
buttons embedded on your 
pages, download times will suffer. 


a Still working with the image just created, 
select one of the slices. If your selected image 
isn't on its own layer, choose Select>Create 
Selection From Slice and then choose 
Layer>New>Layer via Copy. Next, activate the 
Rollover palette to access the relevant options. 


Enter some text, ‘Normal’ keeps things simple, 

and position this over the button. Replicate 
this by clicking the new frame icon to create the 
Over state instance. You can then go on to create 
further frames for the down, click, out and up 
functions if you prefer. 


5 

You can now go on to amend the content of 
each frame layer, remembering to create new 

layers for each and hiding those not required. To 

test how the button functions, toggle the Rollover 

Preview button on the toolbar. See the slice_roll.psd 

file on the CD for the final version. 


Part 8: Slice and dice 


Finding your way around client-sided Image maps in ImageReady 


@ Open the mapshapes.psd from the cover CD. 
In this instance, the graphic elements are too 
close together for slicing, which is where 
ImageReady's |mage map tools are handy. Access 
these next to the Slice tool in the main toolbox. 


Using the Square, Circle or Polygon tools, you 
can easily draw shapes over the existing ones 
to create the map's hotspots. If you go out of line a 
little, don't worry. Complete the shape and use the 
Image Map Select tool to refine your selection. 


As with the slice attributes, you can define link 
locations and targets plus alternative text 
(displayed by the browser on rollover) and provide a 

unique name ID for coding purposes through the 
Image Map palette. To hide the visual guides to the 
map areas, use the toggle function on the toolbar. 


Part 9: Copy the code 


You've created the effect, now get hold of the code 


Ad Features such as image slicing generate entire 
pages of code as well as creating and 
optimising the necessary graphics. Configure the 
Output Settings under the File menu for HTML, 
slice and background elements as well as generated 
file-naming preferences. 


If you have modified a previously modified file, 

update the existing file by choosing the 
Update HTML under the File menu. /mageReady 
then intelligently replaces only the amended code, 
leaving the rest of your code unscathed. 
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<tcrm> 


<sRAD> 


/<TITLP>mapshapes</TITLE> 
<RETA HTTP-EQUIV="Content—Type* CONTENT="text/html: charset=is0-8859-1"> 


“CARER SHAPE=*rect™ ALT="* COORDS~"89, 12,262, 05" RREP="#* 


</map> 
<t-— End ImageReady Slices --> 


nm 
If you need to embed code into an existing 
page not generated by ImageReady, a neat 
trick is to click the toolbar's Preview in Browser 
button which displays the code directly beneath 
your effect enabling you to copy and paste the 
relevant code into your HTML editor, FEES 
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40 Watt Workshop 


“I'm trying to balance my anally-retentive fixation with detail 
with an interest in loose, chaotic, disordered stuff,” says 
illustrator Richard Knights... 


fact, it was exactly this blandness that put Richard off 
getting into Photoshop during his graphic design 
degree days at Notts Trent Uni, where he used to paint 
‘very intricate lifelike portraits’. 

“| majored in illustration, and all my painting was 
hand rendered. | never used a computer and only 
started out of curiosity. Work done by other students 
on Macs looked dull, there was a similarity in all the 
work, no originality. They were using Helvetica for 
everything, it was a very standardised format, whereas 
| preferred inconsistency.” 

Within a month of getting started with Photoshop, 
Richard was using it to design cartoon strips for Vox 
(NMEs monthly magazine). 

“Itwas a nightmare,” he says. “I didn't have a clue 
about how the computer worked. My Mac had 32MB 
RAM and 1GB disc space, so everything took hours. | 
was doing an A4 article in five sections.” It can't have 
been that bad though, because he used the same > 


abstracts on display in galleries is to say, 

“So what? | could do better than that...” But 

behind every careless-seeming work of 
art is usually a lifetime of observational drawings - the 
sort of accurate, detailed stuff that you'd agree was 
pretty good, actually. In fact, the real challenge is to 
free the hand from the constraints of realism, to dare 
to do something more individual. 

Richard Knights, the brains behind 40 Watt 
Workshop, is no exception to this. “I’m trying to 
balance my anally-retentive fixation with order and 
detail with an interest in loose, chaotic, disordered 
stuff,” he says. “Scribbles, scrawls, sketches noted on 
scrappy paper: casual, mindless thoughts that balance 
out my need for precise detail.” 

It's a tension that stops his images from ever 
becoming too obvious or formulaic - always a threat 
with software apps with their standardised effects. In 


The ex-files 


One of Richard's ongoing projects is to try and free his files from the confines of the computer by creating a 3D construction 
of the images — a technique inspired by the days when he managed a music promotions business. “The idea of layering 
paper and its natural deterioration from the environment came from a time when | seemed to be constantly flyposting for 
gigs,” he says. As a result, he became gradually intrigued by, “the general aesthetic of the heavily flyered wall or poster 
board.” One of his favourite images, The Sick Green Cat, is currently receiving the flyer treatment. “The 3D version features 


a dead fish nailed on. | have since dried and preserved the fish to stop it decomposing,” he adds (see the boxout on page 74). 


Richard makes 3D alterations to the image, then photographs it and puts it back into the computer for further reprints. 
The results are composited together to create a complex 3D construction. “The way I'm treating it makes it into an object, not 
afile,” he explains. Files after all can be constantly tweaked and altered, whereas Richard is after something finite: 
“Unalterable,” as he puts it. “Computers give you the ability to produce something, but being digital doesn't make ita 


finished object. The computer should only be a tool.” 
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“A selection of illustrations from a promotional book I'm 
producing for a design company to ‘hip up’ their image.” 


Mac up until last year and he is stilla Photoshop 
devotee. “Photoshop was my first app,” he says. “I felt 
close to it, because | see myself as more of an 
illustrator than a designer.” 


The full wattage 


Despite his success as a full-time multimedia 
designer based in London, and a stint as an illustrator 
and graphic designer in Oxford, Richard wanted more 
time to work on his own projects and switched to 
freelancing at the end of last year. 

“The illustration work had taken over from my career 
in design,” he explains. “I wanted the freedom to be 
able to create something that wasn't fora client. All my 
work was so regulated. | did two years on The Big 
Issue, doing editorial stuff, but time constraints meant 
that could never get anything quite how | wanted it. It 
was also hard to balance working full-time and being 
an illustrator — | was doing 6pm to 3am for two nights 
each week. | had to make a decision.” 

The result of which is that Richard now works | 
from his home in Norwich, freelancing a couple of 
days a week for local companies. 

He has produced educational covers for 
Berlitz, Hodder Stoughton and Letts to name a few, 
and is working on illustrations for Future mag Hi-Fi 
Choice to widen his portfolio. “I like to keep that side 
of things ticking, he says. “It gives me more time for 
personal work.” 

Invariably, becoming more involved in his own 
projects means that the 9—5pm concept of the | 
working day goes out of the window. “I turn on the 
computer at 9am and work all day without a break. 
Because I’m working on personal things, | get more 
involved in them. | stop for something to eat at 5pm, | 
and continue. It's different to an office environment, | 
where you produce work that you don't feel that kind of 
proximity to.” 


Shortage of ideas is not a problem. “I’m inspired by the 
environment, poorly constructed shop signs where the 
letters are painted slightly askew; old garage doors; 
graffiti; things that just happen... 

“| have so many ideas littered around, | see 
things in the street, something triggers an idea, there 
are constant piles of paper on my desk. The second | 
finish something, | go straight into producing 
something else.” 

You get the feeling that he doesn't do things by 
halves. One of the hazards of freelancing is that 
success or failure depends on personal effort: in 
Richard's case, the input is 100 per cent: “I have to get 
involved in it or it won't really work,” he adds. 

Not that this level of involvement means that he 
isn't able to step back from the software. “I find it at 
some points a bit limiting,” he explains. “It’s like using 
any computer application — you get drawn into 
intricacies ona pixel level. | prefer to use it more for its 
basic points, layers for example.” 

The finer points of upgrades tend to go over his head 
a bit. “I don't pay much attention, just scan in textures 
and keep filters to a minimum: they give the work a 
standardised quality. It becomes fashionable to start 
using a certain aspects — there are themes and styles 
which pop up, which aren't very distinctive. You get 
sucked into using filters because you can get beautiful 
eye candy effects, then the mystique disappears. | 
prefer using different elements like painting and 
photography to create something more unique.” 

One constant in his work is the morbid humour that 
underpins his choice of images - witness The Sick 
Green Catfor instance, one of his favourites. “It’s 
generally a bleak outlook,” he agrees, “but with a sense 
of humour behind it: when work is so personal, it has to 
be emotive to yourself.” EES 


Take two sideburns, a glacé cherry and some teeth, then leave outside to weather... 


ae “| start by scanning in the raw 
elements. In this case the head was an 
acrylic painting with a highly textured 
finish. | then scanned in my own hair, 
which was duplicated and worked into the 
scalp to form the quiff and sideburns. 
Finally | scanned in my lips and mouth and 
used masks to blend them into the face. 
The square is just a positioning marker for 
the eye.” 


| 2 | “| drew some loose circular shapes 
with pen and ink for the eyes and 
added a glace cherry for the nose from a 
magazine photo.” 


a “I scanned in my teeth, then 
retouched and distorted them in 
Photoshop. | added some eyeballs from a 
photograph. The background was made 
from a painting with various found 
elements merged into it, randomly cut and 
pasted to add some element of chance. 
Finally | overlayed the grainy texture from 
an overexposed photograph.” 


i iis Wine f 

4 | “I then printed out random sections 

of the image onto varied stocks of 
card and paper. Each piece was enlarged 
and resized, so that when assembled, it 
would fit into the dimensions of the three 
dimensional frame. | left each layer outside 
to gain a weathered effect. Each 
subsequent layer was torn to reveal a part 
of the one underneath. Essentially it's an 
attempt to achieve a more organic finality 
to an artificially created image." 


1.“A couple of old pieces of work | don’t want to focus 

on too much. They represent a previous way of working 
that | feel I've moved away from. The themes are fairly 
self-explanatory. They opened doors for me at the time.” 


2.“ used a series of scans of my body overlayed and 
distorted to fit a sketch of a figure previously rendered. 
Hovering perfectly still over a scanner isn't easy. The 
seaside is a beacon for the retired professional — here | 
portray it as a desire to return to the ocean from where 
we initially came: a primitive yearning in the face of 
encroaching old age and death.” 


3. “The overworked marketing manager contemplates 
suicide and mortality with the pop jargon of big business 
and advertising speak.” 


4. “A variation of acommission for Hi-Fi Choice magazine 
on copyright and piracy in the music business. The trout 
mask refers to the seminal Captain Beefheart album Trout 
Mask Replica.” 


5. This was initially a painting which Richard scanned in and 
added mixed media elements to. “Thematically, it's a 
bastardised Hanna Barbera cartoon,” he says. “A skewed, 
fictitious Aesop's Fable.” 
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A fas, 
Us ~CA Live 


Computer Arts LIVE/01 


The third annual Computer Arts LIVE show is going 


to be an unmissable even 


the chance to see some of the 

biggest names in the design 

industry, all presenting their latest 
projects. They'll be discussing their creative 
inspirations and technical innovations, 
revealing their tips and techniques, as well 
as answering your questions — live! The 
event will be an ideal place for you to 
make industry contacts and get first-hand 
information on the latest cutting-edge 
creative techniques. Browse this show bill 
for Computer Arts LIVE/01 — you'lL want to 
be in on the action. 


Cc omputer Arts LIVE/O1 brings you 


Wednesday 10 October 


10:15am: Keynote Address by Mike Hopwood 
Mike Hopwood is Senior Director of Product 
Management, Web Design at Adobe, and will 
be delivering a keynote speech to open the 
show. The subject of his talk will be Network 
Publishing. Don't miss it. 


11:15am: Brendan Dawes 

Formerly of Subnet, Brendan is now Creative 
Director at Magnetic North. His Flash work 
is world-famous, and in this talk he'll be 
addressing the subject of pushing Flash 
creativity with ActionScript coding. 


12:15pm: Mill/Lab } 
The Mill's new division was set up by Andy 
Barmer last year. He'll be at Computer Arts 
LIVE/01 to talk about DVD, Interactive TV 
and online projects created by the new outfit. 


13:15pm: Eye Animation Studios 

This London CG studio has produced 
television commercials for Heinz, Milky Way, 
Reebok and Ribena among others, and has 
worked on promos for Placebo, Sting and the 
Pet Shop Boys. Creative head and founder, 
lan Bird, will discuss the studio's recent 


projects, with a special focus on the 
company’s work in IMAX 3D. 


t for creatives... 


14:15pm: Panel discussion on Web design 
Four designers from leading studios will be 
invited to take part in a panel discussion. 
They'll be looking at the state of the industry 
from a creative angle. 


15:15pm: The Designers Republic 

One of the biggest names on the British 
graphic design scene, The Designers 
Republic has broadened its remit and its 
fame since day one, while continually 
presenting new and challenging concepts 
in modern design. Founder, lan Anderson, 
will be interviewed live on stage about his 
company’s latest projects, its past victories 
and future ambitions. 


16:15pm: TBC 


17:15pm: Prize draw 

At the end of each day of the show we'll be 
announcing the winners of a prize draw. 
You'll be able to enter these draws at the 
Computer Arts booth. 


Thursday 11 October 


10:15am: Discreet and Pepper’s Ghost 

Our sponsor, Discreet, invites to the stage 
Ben Lock, Head of Digital Production at 
Pepper's Ghost. He'll be revealing how the 
studio uses 3ds max and character studio to 
create broadcast-quality CG animations for 
television, including the soon-to-be-aired 
Tiny Planets as well as the company's current 
production, entitled Bus Stop. 


11:15am: Pixelsurgeon 

Set up by Richard May and Jason Arber, 
Pixelsurgeon is a unique online community 
of graphic designers and digital illustrators. 
The two founders will take the stage to 
philosophise about the design industry 

and discuss the inspiration behind their 
recent work. 


| 


12:15pm: EJAA Award 

The European Junior Animator’s Award will 
be presented on stage at Computer Arts 
LIVE/O1. With a first prize worth £15,000, 
and judged by a panel of industry greats, this 
is a prestigious way of stepping onto the 3D 
animation scene. For entry details contact 
[e] ejaa@bubblesqueak.co.uk. 


13:15pm: Hillman Curtis 

Hillman Curtis is a man, a design agency, 
and a Flash phenomenon. No Web designer 
can afford to miss his thought-provoking 
talk at Computer Arts LIVE/O1, in which he'll 
be broaching the topic of how to find and use 
inspiration in order to keep online design 
projects fresh and effective. 


14:15pm: Panel discussion on 3D 

We haven't decided the final theme of this 
live discussion, but rest assured our panel 
will be a lively one, filled with CG industry 
leaders. Watch this space. 


15:15pm: Digit 

Man cannot live by Web alone... This is the 
theme of this talk by Daljit Singh, Creative 
Director of this award-winning London new 
media studio. Already responsible for the 
award-winning [w] www.mtv2.com site, Digit 
has been combining various other media 
with co-ordinated Web and broadcast 
campaigns, including interactive booths in 
retail outlets. 


16:15pm: William Latham 

This innovative artist was on the forefront of 
the evolutionary or organic art movement in 
the '90s. Today he's Creative Director at 
Computer Artworks, a company producing 
everything from computer games to book 
jackets and fabric patterns. He was a hit at 
last year's show, and this year he's likely to 
get even better. 


17:15pm: Prize Draw 

Don't miss Thursday's prize draw. If you've 

entered at the Computer Arts booth on the 
Exhibition floor, you'll be in with a chance 

of winning. 


Free Tickets! 


We've got 50 pairs of free tickets for 
Computer Arts LIVE/01 to give away. 
Send your name and address to 

[e] calive.special@futurenet.co.uk as 
quickly as you can. If yours is among the 
first 50 to arrive, we'll send you two free _ 
tickets to attend any one day of the event, 
Please specify in your email if you do not 
wish to be contacted by us about future or 
related offers. 


Friday 12 October 


10:15am: Alias|Wavefront presentation 

Show sponsor Alias|Wavefront invites the top 
British motion graphics house, Glassworks, to 
the stage. Animator Andy Boyd will lead a 
demonstration of how the company has 
utilised Maya to create graphics and effects 
fora range of ads and promos. He'll be looking 
at two commercials in particular: the creation 
of virtual cyberchick Trina for Triumph’s 
‘software bra’ ads in 2000, and this year’s 
work for Schweppes — realistic and talkative 
animals in 3D. 


11:15am: TBC 


12:15pm: Aardman Animations 

From Morph to Chicken Run, Aardman has 
put itself at the forefront of the claymation 
technique of animation. Over the past two 
years, however, the company has been 
establishing a CG department with the 
hallowed halls of its Bristol studio. Will Byles, 
Aardman's Head of CG, will be on hand to talk 
about how the company is maintaining its 
unique style within computer animation. 


13:15pm: Wacom presentation 

Wacom tablets provide the most intuitive link 
possible between the creative hand and the 
computer. The company will be inviting one 
of its expert users to the stage to share tips 
and techniques for using graphics tablets. 


14:15pm: Panel discussion on illustration 

A panel of top illustrators — both freelance 
and studio-based — will join us to chew the 
fat on commercialism in illustration, threats 
to the profession, agencies, and the way 
forward for committed illustrators. 


15:15pm: TBC 
16:15pm: TBC 


17:15pm: Closing prize draw. Stay until the 
very end to find out if you're a winner. 


Our sponsors 


Adobe 

Computer Arts LIVE/01 is being held in 
association with Adobe's Media Showcase, 
which will take up a prominent area on the 
Exhibition floor. Here you'll find the Adobe 
café, where you can chill out as experts 
demonstrate creative techniques using a 
range of Adobe products — Photoshop, 
InDesign, GoLive, After Effects, Premiere, 
Acrobat and Illustrator. Adobe will also be 
holding presentations in a 500-seat 
auditorium each morning of the event. 


Discreet 

The company behind such hits as 3ds max, 
combustion, edit, reactor, character studio, 
flame and inferno, Discreet will be on hand 
to demonstrate a selection of its apps. The 
company will have a 150-seat area where 
you'll be able to see 3D creatives in action. 


Wacom 

Visit Wacom’s 65-seat seminar area and 
you'll get a hands-on opportunity to 
experiment with the latest graphic tablets. 
Regular classes throughout the show will 
teach you key techniques for applying this 
hardware with a range of apps, including 
Photoshop and Painter. 


Extensis 
Come and see useful products like Suitcase 
demonstrated in a 65-seat tutorial area. 


Alias|Wavefront 

In just a few years, Maya has become one of 
the pre-eminent 3D creativity applications, 
used for everything from Electronic Arts 
computer games to blockbusting ILM movie 


effects. Alias|Wavefront will be revealing the 


full power of Maya to users in tutorial 
sessions at its 65-seat demo area. 


Exhibition floor 


The Exhibition portion gives you the 
opportunity to sample an array of new 


products and services geared to digital 
designers. Our list of exhibitors includes: 
Aztech Graphics, Connectix, Metro New 
Media, Ravensbourne, Pearson Education, 
Stac, Corps Business, Polaroid, HiSoft, 
ELSA, Hoxton, Bullet point, OPM, CLS, 
Gomark, Digital Heaven and Segmentis. 
Macromedia has booked a large chunk of 
floor space, and will host presentations each 
day of the show in our 500-seat auditorium. 


Other attractions 


The show will be rounded off with a variety 
of interesting inclusions. We'll have a digital 
art gallery, where you'll be able to see some 
of the finest artwork from the magazine 
reprinted and curated gallery-style. Drop by 
the Computer Arts booth on the exhibition 
floor to grab the latest copies of Computer 
Arts and Computer Arts Special, as well as 
our sister magazines 3D World, Cre@te 
Online and Mac Format. |n addition to all 
this, show visitors will be able to meet some 
of the stage speakers and share ideas with 
the Computer Arts editorial team in our 
relaxing Speaker's Lounge area. You'll find 
acyber café, along with a number of 
workstation pods situated on the exhibition 
floor — at these workstations various 
exhibitors will give you the chance to 
experiment with new software. ca 


L/ BROUGHT TO YOU BY FUTURE PUBLISHING LTD 


Join us at The Business Design Centre, Islington, London on: 
10/11/12 OCTOBER 


Call our hotline to buy your tickets: 


0870 120 0720 


Keep up-to-date on the show content at: 


www.computerartslive.co.uk 
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Photoshop 


Looking for ways to extend Adobe's 
image-editing masterpiece? Take a look at 
ten of the best Photoshop plug-ins... 


hotoshop - the design tool of the 

creative age we live and work in. 

An abundance of image-editing, 

colour correction and special 
effects tools lie at the heart of the 
application. But even with Adobe ploughing 
features into the package, making it even 
more impressive with each release, there's 
always a plug-in manufacturer that has 
thought of something extra. 

Whether it’s crazy effects that Photoshop 
wouldn't normally be capable of, or the 
amalgamation of certain tools into a neat 
interface, plug-ins are still very much in 
fashion. Over the next six pages, we guide 


you through a vast amount of Photoshop 
plug-ins. Some are useful, some less so, but 
the fact that they all add something to 
Adobe's image-editing powerhouse warrants 
them a place in this round-up. > 


Photoshop Special 


Panopticum PhotoFX 


Can Panopticum’s flagship Photoshop plug-in collection measure up? 


Price 


£112 approx 


Company 
Panopticum 


Telephone 
Buy online 

Website 
www.panopticum.com 


anopticum is somewhat of 
an unknown in the world of 
Photoshop plug-ins. 

i Although constantly 
producing and updating an array of 
filters, the company rarely gets a 
mention in Computer Arts. Until now 
that is. 

PhotoFX combines the company’s 
range of filters in one neat, and fairly 
inexpensive package. Included in the 
bundle are Alpha Strip 1.1, Fire 3.0, 
Lens Pro II, Digitalizer 1.0 and 
Engraver 1.0. 

Alpha Strip 1.1is a utility that cuts 
into your image (for example to create a 
checkerboard effect) using Alpha 
channels. Usually in Photoshop, users 
would need to manually create a mask 
to create this kind of effect. There isn't 
really that much more to Alpha Strip: 
it's a simple filter that will no doubt 
save time if chopping into images is 
your thing. The interface is easy to 
navigate, if a little garish. 

Fire 3.0 is exactly what you'd think - 
a filter enabling you to create realistic 


fire effects. For something that sounds 
as though it is literally going to crash 
and burn, Fire is surprisingly good. 
Realistic fire can be achieved in no 
time at all, and the interface feels 
extremely professional. 

It takes a while to achieve the 
wanted results due to the sheer 
complexity of the interface, but 
considering the standalone price is 
only $49 (the filter being even better 
value when purchased within PhotoFX) 
this is certainly one of the best value 
Photoshop fire generators there is. 

Lens Prois pretty self-explanatory 
as well. This filter enables you to 
put various lens effects on top of 
your image. There's nothing here 
we haven't seen before, but it's 
certainly a worthwhile addition to 
this plug-in package. 

Digitalizeris certainly the weakest 
link in PhotoFx. It provides you with the 
option of transforming your image into 
a series of 0’s and 1’s. Great if you want 
to simulate effects from The Matrix, 
pretty useless if you don't. 


Engraver completes the package, and 
it's not too hard to guess what it does. 

It simply makes your image look like it’s 
been cut into - and for what it does it 
does it well. For only $159 (£112 
approx), Panopticum’s PhotoFXis a 
diverse and useful set of filters. Some 
filters in the package are rather limited 
in functionality, but on the whole 
PhotoFX is good value for money. 


Verdict 


SEES 


EtchTone 


Transform your image into a continuous tone masterpiece 


£63 approx 


Buy online 


www.andromeda.com 
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implifying the look of images 
seems to be very much the 


| f if craze these days. Once upon 


‘fe a Photoshop time, the most 
crazy filters were at the height of 
design fashion (think Black Box), but 
now it seems as though stripping 
images down to their bare essentials is 
the thing to do. 

Whereas Photoshop (perhaps 
combined with a vector application) 
can make light work of simplifying 
images, Andromeda’s new filter, 
EtchTone, has a slightly different take 
on the whole affair. 

For those who have experienced 
Andromeda plug-ins before, the 
EtchTone interface is nothing new. 
Comprising a variety of sliders and 
preview windows, it’s immediately easy 
to navigate and figure out. 


At all times when using this plug-in, it’s 
important to remember that it only 
costs £63, because at first there may 
not seem to be many controllable 
parameters. Whereas EtchTone isn't 
going to win any awards for its depth 
and the thought processes involved in 
its development, this plug-in stands for 
good old image creation. 

Many different etched effects can 
be processed: users can overlay the 
etch to create a monochrome etch of 
their image, or blend the etch to 
simulate a colour print. Controls enable 
you to adjust the original image 
sharpness, brightness and contrast, as 
wellas vary the mix of the original 
image and etch pattern. A small, 
Photoshop-esque navigator within the 
interface helps you find your way 
around the etched image. 


It may be limited, but EtchTone is a 
fantastic way to simplify and control 
the harshness of an image. It isn't for 
everyone, but certainly worth a try. 


Verdict 


ESE 


DreamSuite 1.0 


A brand new effects suite from Auto FX. 


Price 


£210 approx 


Company 
Auto FX 


Telephone 
Buy online 


Website 
www.autofx.com 


f DreamSuite, the new 
standalone and Photoshop 
plug-in effects package 

! from Auto FX had been 
released five years ago, it would have 
revolutionised the way we create 
special effects. As it stands now, it’s 
still pretty good. 

On opening the application, either 
by means of its own executable or from 
the Photoshop Filter menu, you are 
presented with a very slick, if a little 
OSX-ed interface. 

The package contains a plethora of 
features for creating all manner of 
special effects. These include options 
to Crease, change the surface texture 
of, and add a cracked effect to your 
image. In fact there are too many 
effects to go into here. 

DreamSuite is much more than 
simply an effects tool though. Where 
the application excels is in its vector 


nae 


creation and faux-3D effects tools. 
As wellas a full Bézier toolset, the 
application has scope for creating 
some interesting 3D surface effects. 

These are easy to achieve and 
you can create an object ina matter 
of minutes that would take a while to 
produce in a dedicated 3D application. 

Sheen, reflection, shadows and 
so on are easily adjusted using the 
app’s slider controls. 

There's also an intuitive lighting 
dialog which enables you to choose 
various light sources and colours. 

There are a few gimmicky effects 
that you're unlikely to use though: 
Liquid Metal for example, and a 
Liquify-esque Putty filter. 

But, on the whole, DreamSuite has 
a varied and interesting range of 
effects. The combination of a vector 
toolset, wild and varied filters and 
reasonably intuitive workflow make 


Is this the stuff dreams are made of? 


DreamSuite one of the best Photoshop 
add-ons around at this moment in time. 
Asa standalone, it’s a nifty tool, 

but with Photoshop it’s great — the 

only problem is that it’s truly 
memory-sapping (198MB minimum). 


Verdict 


Di SiS 


Magicmask 2.0 


Magicmask 2.0 promises to eliminate your masking troubles, but does it? 


Price 


£70 approx 


Company 
Chroma Graphics 


Telephone 
Buy online 


Website 
www.chromagraphics.com 


likes it, but it's a task that 
many Photoshop artists 
repeat day after day. 
Photoshop's own tools for selecting 
are pretty damn good, but still 
plug-in manufacturers think they 
can do better. 

Mask Pro from Extensis is a good 
example: it adds to, rather than 
replaces Photoshop's selection tools. 
Ultimatte Knockoutis another, 
as is Corel’s KnockOut (although 
slightly different because it’s a 
standalone tool). 

So, with this in mind, what can 
Chroma Graphics’ Magicmask do for 
the fussy selector? 

Bear in mind that this plug-in is a 
shade of the price of Extensis’ and 
Ultimatte's offerings, and that it's best 
used hand in hand with Chroma 
Graphic’s other compositing solution, 
EdgeWizard 2.0. 


asking - no one particularly 


Residing under the Selection menu, 
Magicmask aims to bring a set of tools, 
very much like Photoshop's own 
selection tools, into one handy 
interface. In fact, you could think of 
Magicmask as a Quickmask, Lasso and 
Colour Range tool all built into one. 
The interface itself is simple 
enough, with each masking tool being 
presented clearly. But does the 
amalgamation of Photoshop's own 
native tools make a plug-in itself? 

Well, to be honest, yes. The fact that 
every tool within Magicmask is 
extremely accessible and matches 
Photoshop's own tools makes this 
plug-in worth the price tag. 

It isn't the fact that you're getting a 
host of new tools (although Magicmask 
has options for creating colour 
selections not found in Photoshop), it’s 
the fact that workflow can be speeded 
up tenfold by having all selection tools 
within an easy to navigate interface. 


As it stands, Magicmask is certainly as 
good as the more expensive Mask Pro, 
and acts as a middle man in the process 
of creating accurate selections. We 
know, it’s not the most exciting plug-in 
in the world, but it just may be one of 
the most useful. > 


Verdict 


ESSE 
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EdgeWizard 2.0 


At last, a tool for making light work of edge selections 


Price 


£70 approx 


Company 
Chroma Graphics 


Telephone 
Buy online 


Website 
www.chromagraphics.com 


t'sall very well selecting 
simple objects, we can all do 
it can't we? But sometimes 

| there's more to selecting 
objects than simply selecting the Magic 
Wand tool and clicking. For example, 
what happens when you need to mask 
such phenomena as fur or hair? Yes, you 
could painstakingly paint using 
Photoshop's Quickmask tools, or 
indeed if you were truly mad, use the 
Lasso tool in conjunction with various 
Shift/Alt combinations to get the edge. 
However, you may be advised to check 
out a plug-in such as Chroma Graphic’s 
EdgeWizard 2.0. 

This plug-in enables you to specify 
the way edges of selected objects are 
rendered when being copied, pasted or 
turned into a clipping path. Four main 
tools are included in the plug-in. The 
first is the ingenious Gaussian Edge 


tool. This enables you to blend your 
selection in any combination of inner 
and outer directions. The Variable 
Colour Edge tool enables you to 
analyse and determine the colours of 
the image and select the best possible 
edge using these as a colour scheme. 
The Edge Brush tool is the most basic of 
the supplied tools. This enables you to 
paint edge selections. The final tool is 
the automatic option - the Quick Edge 
tool. Using this you can quickly 
determine and specify an edge. 

Used by itself, EdgeWizard is an 
interesting tool. Edges which were 
previously difficult to select become 
a lot easier to mask. Used in 
conjunction with Magicmask however, 
EdgeWizard is truly superb. A small 
button resides at the bottom of the 
interface for quickly shifting between 
the two plug-ins, and creating a perfect 


selection becomes a matter of learning 
the easy-to-use toolset. 

For around £150, with Magicmask 
and EdgeWizard you have the complete 
masking solution. 


Verdict 


SDI 


PhotoOptics 


Is £70 a little too much for this seemingly basic set of filters? 


= 


Price ae 


£70 approx 


Company 
Cytopia 


Telephone 


Buy online 


Website 
www.cytopia.com 
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olour correction filters are 
ten-a-penny these days. By 
all accounts, you'd think that 

! Photoshop had a poor set of 
colour correction tools, something we 
all know is not the case. 

PhotoOptics from plug-in 
newcomers Cytopia aims to bring 
colour correction and special effects to 
the Photoshop toolset. Immediately on 
opening the plug-in, it becomes 
apparent that this is not the most 
visually impressive of plug-ins - due to 
its rather shareware-style interface. 
However, once you get past the poor 
aesthetics, PhotoOptics has more to 
offer than you might first imagine. 

The plug-in itself is divided into 
eight quasi-apps. These are GradTone, 
HueSlider, Levels, MonoChrome, 
Negative, Noise, PhotoFilterand 
PseudoColour. 

GradTone can be used to 
colour-correct an image using a 
gradient slider as reference. Working in 
Transparent (the effect is placed 


transparently on top of the image) or 
Opaque (the filter affects the actual 
image), this intelligent filter can be 
used to globally correct an image by 
adjusting highlights, shadows and 
midtones by placing colours along a 
gradient slider. It can also be used to 
create some pretty unusual and even 
psychedelic effects. 

HueSlider is a touch simpler. It 
enables the user to slide an image 
towards a specific colour. Levels is 
much the same as Photoshop's own 
Levels command, whereas 
MonoChrome converts your colour 
image into a monochromatic one. 

Negative can be used to quickly 
transform a scanned negative into a 
colour positive. Intuitive controls 
enable you to adjust highlights, 
shadows and midtones. Noise works 
very much as you'd think — simulating 
reticulation processes, whereas 
PhotoFiltercan be used to change the 
colour cast and exposure of animage. 
The final filter, PseudoColour, simply 


enables you to create wacky, 
psychedelic colour effects. 

Overall, there isn’t much here that 
you wont find in Photoshop itself, but 
PhotoOptics turns out to be a neat, 
sophisticated plug-in that can speed 
up usually time-consuming 
colour-correction processes and 
proves to be well worth the price tag. 


Verdict 


SEES 


Skypaint 


Create backdrops ready for export to 3ds max for 
only £60? Surely they must be kidding? 


Price 


£60 (shareware) 


Company 
Wasabi Software 


Telephone 
Buy online 


Website 


www.wasabisoft.com 


kyPaint immediately looks 
to be one of the 
i , undiscovered gems of the 

\ Photoshop plug-in world. 
The package enables you to create and 
edit 3D, seamless 360 degree 
panoramic images using Photoshop as 
your painting tool. You can import a 
variety of formats including 3ds max 
environment and background maps, 
Bryce/QuickTime VRand more. 

Simplicity is the key here: you start 

with a predefined backdrop or 
template, use SkyPaintto move around 
the image, and when you find an area 
you wish to paint, simply hit the Paint 
This View icon and you're transported 
into Photoshop. The resulting image 
can then be exported as a 3ds max 
environment or background map, 
Quake II environment or VRML 
background. A nifty plug-in, SkyPaint 
can be of great use to the max artist 
who frequently gets caught up in 
modelling complex backgrounds and 
for only £60, it’s a steal. 


Verdict 


SiS 


Productivity or effects? 


Flexify 


Panoramas become foldable solids with this odd 


offering from Flaming Pear 


Price 
£14 approx 
Company 
Flaming Pear 
Telephone 


Buy online 


Website 


www.flamingpear.com 


here are some Photoshop 
plug-ins that are purely for 
creating odd effects, and 
there are some that are 
simply odd. Flexify falls into the latter 
category. Flaming Pear is notorious for 
bringing never-thought-of effects to 
Photoshop, and Flexify is no exception. 
The premise of the filter is to warp 
panoramic photographs into various 
other shapes and fold-up solids. Do 
you see what we mean by odd now? 

The interface is typically Flaming 
Pear, with a host of clearly-presented 
sliders and fields enabling you to 
adjust your panorama. The options that 
are possibly the most fun to play with 
are those that create a fold-up solid of 
your original image. You can print it 
out, cut it up and stick it together with 
double-sided tape. We jest though, 
because this is not going to be of any 
use whatsoever to the creative pro. 

Overall, Flexify is a fun filter, but 
certainly not one that will aid your 
creativity or productivity. > 


Verdict 


DiS SH EI 


Photoshop filters and plug-ins usually fall into two categories; 
filters for creating wild effects and those that help speed up 
the workflow of the application. 

When choosing a plug-in, it is essential that you evaluate 
what use it is going to be to your professional design life. Half 
the effects generated by plug-ins could easily be replicated 


So, what next? 


So, what can we expect from the future of Photoshop plug-ins? 
Once upon a time, the thought of vectors within Photoshop 
sent shivers down designers spines 

This was conquered by Extensis (PhotoGraphics) and then 


ultimately Photoshop 6. So with Photoshop's own toolset 


using a combination of say, Curves, Levels and Photoshop's 
own filters (record an action and voila - home-made filter). 
If you truly need special effects such as lightning or baked 
earth though, then a plug-in is the only solution. 

The same applies to workflow-orientated plug-ins such as 
Magicmask and Edge Wizard. Although they are incredibly 


expanding by the day, what can plug-in manufacturers come up 
with next? 

in our eyes what Photoshop needs is a good tool for 
importing 3D models. We've seen Dizzy from Vertigo which 


enables the import and basic editing of 3DMF files, but nothing 


useful, would you rather shell out over £150 of your 
hard-earned cash for results that could be achieved in 
Photoshop with a little more practice and effort? 

Ultimately the advice is, don't overload your plug-in folder. 
Make use of Adobe's image-editor, and if you still can't get the 
effect you're after, seek out the best plug-in for the job. 


that supports a wide range of formats. Deep Paint 3D and 
BodyPaint3D are the only real crossover applications at the 
moment, and they are purely for texturing 

Whichever way the plug-in industry turns next, you can bet 


that we'll be keeping a close eye on it 
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Your guide to the ever-expanding world of the Photoshop plug-in. Here's what everything 
does, how well it does it and most importantly, where to find it... 


Commercial plug-ins 


Eye Candy 4000 

PC/Mac 

Alien Skin 

£119 approx 

[w] www.alienskin.com 

The latest incarnation of the popular Eye Candy series 
of filters promises to be a bit special. Although adding 
to the previous version with a new interface, more 
tools and better workflow, the plug-in is still gimmicky 
forthe large price tag. One for effects freaks only. 


Xenofex 


PC/Mac 

Alien Skin 

£91 approx 

[w] www.alienskin.com 

A golden oldie, Xenofex from Alien Skin, with its quirky 
interface, just about holds its own. Loads of effects on 
offer here from television scan lines to lightning — all 
seem dated now, but can still be used to achieve some 
reasonable quality effects. 


Flaming Pear Essentials 

PC/Mac 

Flaming Pear 

£76 

[w] www.flamingpear.com 

Lots of value here, as Flaming Pear presents most of its 


Flaming Pear Essentials is a collection of some of the 
company’s best plug-in efforts. 
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superb tools in one boxed package. Included are the 
excellent texture generator BladePro, the planet 
generator Solar Cell and the strange image-warper, 
Aetherize. A good value package. 


Dizzy 

Mac 

Vertigo 

£70 

[w] www.vertigo3d.com 

Dizzy enables you to import 3DMF files straight into 
Photoshop and manipulate them accordingly. It’s a 
great tool for creating a simulated 3D look within the 
image-editing app, although it’s a shame more 3D 
formats aren't supported. Also included are 500 free 
models, making this a bargain at twice the price. 


Plugin Galaxy 

PC/Mac 

Panopticum 

£35 approx 

[w] www.panopticum.com 

Plugin Galaxy offers a wide range of filters for 
generally contorting and deforming your images. There 
are 20 effect filters on offer, including the crazy 
Bluuur, the even stranger Noiseee and the downright 
silly Breakfast. If you need some wacky effects in your 
Photoshop life, this could be just the ticket. 


Intellihance Pro 4 


PC/Mac 

Extensis 

£152 

[w] www.extensis.com 

Not the cheapest of Photoshop plug-ins available, but 
certainly one of the most respected. Intellihance 4 
enables you to colour-correct your images in the 
simplest of fashions — by selecting the best from up to 
25 previews. Not one for everyone due to its price and 
limited functionality, but certainly worth trying out. 


Perspective 

PC/Mac 

Andromeda 

£31 approx 

[w] www.andromeda.com 

Perspective is not the most worthwhile filter in the 


world, but it adds a little to Photoshop's perspective 
tools. Using a virtual camera, users can view and 
manipulate images through a virtual lens. The ability to 
introduce consistent perspective settings throughout 
multiple images is certainly a boon. 


iCorrect Professional 


PC/Mac 

Pictographics 

£98 

[w] www.picto.com 

iCorrect Professional is a complex colour correction 
plug-in with a friendly interface. Once you pick up the 
techniques involved in globally correcting your 
images, this scientific plug-in becomes a godsend. 
Extremely tricky to learn at first, but once you have the 
knack, this is one of the most useful plug-ins money 
can buy. 


Genuine Fractals 


PC/Mac 

Altamira 

£112 

[w] www.altamiragroup.com 

Genuine Fractals isn't a filter as such, more a 
compression device. This ingenious plug-in enables 
you to produce resolution-independent bitmaps that 
can be repurposed to other formats. File sizes are 
incredibly low, making for a neat utility for squeezing 
many more images onto your drives. Check it out. 


iCorrect Professional looks pretty average - until you delve into 
the highly complex colour correction technology, that is. 


Harmony 

Mac 

Hot Door 

£70 approx 

[w] www.hotdoor.com 

Hot Door Harmony is simply an alternative colour 
picker that plugs into Photoshop and enables you to 
create a harmonious colour scheme to use in your 
design. Easy to use, with an interface beyond intuitive, 
this is one plug-in not to be missed. The fact that it'll 
only cost you £70 is an added bonus. 


Deep Paint 


PC 

Right Hemisphere 

£175 

[w] www.deeppaint.com 

Making up for Photoshop's severe lack of natural 
media tools, Deep Paintis a truly wonderful plug-in 
that turns your screen into a canvas. Thick enamels, 
gooey oils and dry chalks: they're all here and are 
recreated perfectly. Definitely the next best thing to 
Corel’s recently released Painter 7. 


Freeware / Shareware plug-ins 


PhotoText 2.0 


PC/Mac 

Freeware 

Extensis 

[w] www.extensis.com 

Obviously not everyone has the resource to upgrade 
to the latest version of Photoshop. Luckily, for 

those unlucky people, Extensis has a free plug-in 
which adds some of the DTP-esque text features of 
Photoshop 6 into version 5. An easy-to-use and 
intuitive plug-in, this is one of the best free 
Photoshop-related filters you're going to find. If you 
haven't got your hands on version 6 yet, head over to 
Extensis’ site now. 


PhotoBevel 2.0 


PC/Mac 

Freeware 

Extensis 

[w] www.extensis.com 

Another classy piece of freeware from Extensis, 


Cybia plug-ins enable you to create various crazy effects from a 
simplistic, yet easily navigable interface. 


PhotoBevel enables you to add all sorts of extrusions 
and bevels to your images. Worthy of being 
acommercial piece of software, the usability and 
intuitive interface rivals that of many commercial 
offerings. If you're on the hunt for freebies to add to 
your Photoshop arsenal, look no further, and snap this 
up while it’s still free. 


UnPlugged 


PC/Mac 

Freeware 

VanderLee 

[w] www.v-d-L.com 

Crazy effects are the name of the game here 

with VanDerLee offering a huge amount of filters 
for absolutely nothing. To be honest, the filters 
here are nothing special — the same result could 
probably be achieved by a talented Photoshop artist 
ina short amount of time, but, nevertheless, 
you're getting them for nothing and you can't really 
argue with that. 


Plugin Commander 1.5 v4 
PC 
AL Ie wu M- 


Freeware 

[w] www.thepluginsite.com 
Along with Sapphire Innovations, Harald Heim 

is working his socks off creating all sorts of 

free Photoshop goodies. Plugin Commander is 
one such item and enables you to neatly organise 
the masses of plug-ins and filters you undoubtedly 
have into a sane order. Easy to use and a small 
download, this is a freeware essential for the 
filter-mad Photoshop-per. 


MediaSpark 


PC/Mac 

Freeware 

[w] http://mediaspark.com/filters.htm 

Again, these filters represent fantastic value 

for download time. What you basically get is a 

large range of compositing-orientated filters for any 
level of Photoshop user. Some nifty effects lay in store 
for the more experimental Photoshop-per — a visit to 
MediaSpark’s site will be a worthwhile click for any 
Photoshop user. 


Hot Door Harmony is a colour picker that enables you to create 
harmonious colour schemes. Well worth a look. 


Sapphire Innovations Website holds a vast range of free 


materials — from plug-ins to custom shapes. 


Krusty’s FX Vol Il 


PC 
Freeware 
[w] www.krust.com 


Another name synonymous with the world of free 
Photoshop plug-ins, Krusty’s texture generators 


have become some of the most popular 
Photoshop downloads on the Web. Can 
for creating strange and generally weird 


free 
be useful 
imagery, 


but not really essential. Again though, they’re free 


and a lot of fun. 


Cybia filters 


PC/Mac 
Freeware 
[w] www.cybia.co.uk ew 
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From the heart of Wales come some truly S 
awesome free filters, offering a wide-range o' 


effects. From wacky colour effects to su 


btle 


television scanlines, this filter set offers more than 


your average freeware offering, and is a 


small 


download to boot. Check out [w] www.cybia.co.uk 


and get downloading. 


Sapphire Innovations freebies 


PC/Mac 
Freeware 
[w] www.sapphire-innovations.com 


Sapphire Innovations must be one of the hardest 
working companies in the creative world. Not 
content with churning out quality plug-ins all 
the time, the developers have produced some 
useful and interesting filters in recent years. In 
fact, there’s so many freebies at this site that we 
don't know where to start. Take a look if you don't 


believe us. 


AFH Beveler 


PC 
Freeware 
[w] www.afh.com 


Now famous within the world of free Photoshop 


plug-ins, the AFH Beveler is one of the 


most 


widely used and respected free bevelling tools out 
there. In terms of useability and interface, the 
software isn't that complex, but it works well and 
should be considered by every Windows-based 


Photoshop experimenter. EES) 
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You saw it first in Computer Arts. Get noticed, get ahead... 


Send your work to us along with a full 
explanation of your techniques and 
software, the titles of each piece, and your 
telephone number on the disk itself 
(featured artists are often approached for 
work). Images should be sent as PC or Mac 
TIFF or JPEG files on CD-ROM, Zip carts or 
floppy disks, and a hard copy is a great 
help. Apart from floppy disks, all entries 
will be returned. All contributions are 
submitted on the basis of a non-exclusive 
worldwide licence to publish, both in 


printed and electronic form. Email your 
entries to: ca.exposure@futurenet.co.uk or 
post them to: Exposure, Computer Arts, 

30 Monmouth Street, Bath, BA1 2BW. 
Note: Selection and production does take 
some time so please don't inundate us with 
phone calls! 


While every effort is made to ensure that your work 

is returned safely, all contributions submitted to 
Computer Arts are done so at the risk of the Owner. 
Future Publishing Limited cannot accept responsibility 
for them either in transit or while in Future's 
possession. Please keep back-up copies, and if this is 
your only copy of the work, do NOT send itin! 


Cory Henrie 


[t] 001 801 298 2044 
[e] CaryHOO7@aol.com 


Lighthouse, Power Database 
and Ship 


After graduating from the Pratt Institute 
in New York, Cary lived and worked in 
New York for 10 years before moving to 
Utah in 1991. “I worked conventionally, 
handpainting my illustrations in oils, 
until | saw layered programs in 
Photoshop, then learned the program in 
two months,” says Cary, who uses Adobe 
4.0 for all his work, and prefers to use his 
own photographs. Both illustrations 
“were done in the same way with an 
emphasis on composition and a soft, 
painterly look. The ship was comprised 
of many different ships joined together 
to create a ‘classic’ ship. Water was bent 
using the Shear filter and the clouds 
were inverted and tinted (Colour fill). | 
use a Wacom pad and stylus to get a 
more artistic touch. Rough edges were 
paintings done in gesso and scanned.” > 
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Anthony Hammond 


[t] 0161 205 9477 

[e] anthonyhammond@supanet.com 

[w] www.anthonyhammond.users.netlineuk.net 
[w] www.red-blue.supanet.com 

[w] www.statesofmind.supanet.com 


Hero and Om 


“Hero started as a close-up shot of one 
of my son's toys,” explains Anthony, who 
freelances for photographic and digital 
photography magazines. “The idea was 
to bring the figure to life in Photoshop 
the way my son brings his toys to life in 
his mind. The image was originally 
intended to be light-hearted but 
gradually it took on a more sinister 
appearance, which | went along with.” 
Anthony's interest in mediation and 
Buddhism is reflected in the ‘feeling of 
magic, alchemy and mystery’ that his 
images recreate. ‘Om’ aims to show “the 
sensation of a meditation session - | 
intended the viewer to be pulled into the 
centre of the image. The lotus flower 
centre was a happy accident, so | made 
use of it by adding my eye clear and 
centred in the middle of the image.” 
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Steven Fee 


[t] 01670 593900 

[f] 01670 593909 

[w] www.etech-uk.com 

[w] http://go.to/fizzdesign 
[e] fizzdup@btinternet.com 


‘Life & Soul’ mood boards 


These compilations served as mood 
boards to provide inspiration fora 
Website which Steven had been 
commissioned to design for a local 
fitness club. Created using Photoshop 
5.5, “the images helped drive my 
imagination and creativity towards the 
Website,” says Steven, a full-time Web 
designer based in Newcastle. “I used 
scanned images from many different 
sources, and then placed them together 
in multiple layers using different 
blending options. I've been using 
Photoshop for four years but stay away 
from filters because they tend to make 
the work look fake - | just let my 
imagination go, really.” Steven's portfolio 
which includes examples of graphic 
design and Web work, is showcased at 
his Fizzdesign Website. 
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Steve Hambidge 


[t] 01604 638374 
[e] steve@crookedkm.co.uk 
[w] www.crookedkm.co.uk 


‘Wireless Bluetooth 
Technology’ and ‘Health 
related Websites’ 


Inspired by “decayed, dried and dead 
natural textures”, you'll find echoes of 
cabbage leaves, bee wings, skin, wood 
lumps and sundried frogs in Steve's 
work. The ‘Bluetooth’ image (WebUser, 
June/July 2001) makes use of... 
footwear. “The name Bluetooth comes 
from a 15th century Viking,” explains 
Steve.” It’s a simple idea — two wires 
connecting with a flash of electricity 
between his blue teeth. My Dad 
obligingly grimaced for the Viking’s face, 
the arms were painted, and for the vest | 
used an old scanned moccasin. For the 
‘Health-related Websites’ (Microscope, 
June 2001), | was asked for something 
approaching DaVinci’s Vetruvius Man. 

| simply updated it, adding various 
medical references, and leaving out the 
naughty bits.” 
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Celia Wiley 


[e] clwiley@mindspring.com 
[w] www.artmajestic.com 
[t] 001 718 482 3142 


1999 Self-Promotional 
Card and Nowhere Man’ 
Book Jacket 


Photoshop Special 


Currently running her own business, Art 
Majestic, in New York, Celia’s eclectic 
CV includes three years working in the 
movies in Los Angeles, a baccalaureate 
of Fine Arts from the SAIC in Chicago 
and stints as a social worker and temp in 
Boston. Her print background is in 
evidence in the ‘Nowhere Man’ book 
jacket. “For this cover, the publisher 
wanted a stark, edgy look, but with a 
dreamy quality,” she says. “The Lennon 
picture is from a press photo which was 
sort of beat up and very low contrast. | 
cleaned it up, cropped it down to the 
profile, cut out the background and then 
manipulated the final image with Levels 
and Contrast/Brightness.” The 
Self-Promotional Card was put it 
together as a Photoshop DCS file using 
the greyscale mode with spot colours. 


hn Lennon photo @ Hulton Getty/Liaison Agency 


Sterling Design 


[t] 020 7486 2260 
[e] marketing@jsterlingdesign.com 
[w] www.jennifersterling.com 


David Maisel promotional 
piece and Sterling Portfolio 
CD-ROM 


An award-winning design studio 
specialising in print, interactive and 
product design, Sterling Design can 
number Nokia, Calvin Klein CK1 and 
Hillary Clinton among its clients. 
Designed as a piece that ideally would 
be featured in design magazines, the 
David Meisel promotion features 120 
postcards edited from tens of thousands 
and divided into three distinct areas; 
Environment: Lifestyle and Princess 
Rainbow Sparkle, a series based on 
David's six-year-old daughter. Each 
postcard has a photo on its front with 
contact information illustrated in the 
Manga Japanese comic book style on its 
back. “The result is a modular portfolio 
from which David can easily select one, 
several or the entire portfolio to mailto a 
prospective client,” explains Jennifer. 


Marc Sasso 


[t] 001 914 592 1140 
[e] BLKMETALI@aol.com 
[w] www.marcsasso.com 


Pryn and Vecne's Library 


“As an artist, the one thing that keeps 
crossing my mind as | work is to do 
whatever it takes to make the final 
illustration look great,” says New 
York-based artist Marc Sasso. “Once | 
receive an assignment, the first thing | 
do is sketch out ideas. | like to combine 
photo reference and painting to give the 
piece a warm, realistic flair. As faras 
photo reference goes, | will go through 
Heaven and Hell to get what | need. For 
‘Vecna’s Library’, the art director wanted 
a desk in an ancient library littered with 
strange specimens. | set about building a 
specimen from bits of lobster, a rubber 
snake, an old spider from Hallowe'en 
and other things that smell worse than 
they look. | covered the entire thing in 
liquid rubber, put it in a jar of tea and 
photographed it.” 


Jae Shim 


[t] 001 214 563 8067 
[e] jshim9494@aol.com 
[w] http://members.aol.com/jaeshimart 


Autoshow and Iddphone 


With a client list that includes Oracle, 
Fidelity Investments and Forbes 
magazine, Jae’s work is high profile to 
say the least. Previously an illustrator at 
Joe Spencer Design CA, Jae has run his 
own business from his Texas-base since 
1994. “Auto Show’ was originally 
commissioned for the International Auto 
Show at the Orange County, California 
for their magazine cover,” he explains. 
“They wanted to get away from their 
typical photography cover and depict 
something more colourful and fun.” The 
‘Iddphone’ illo was commissioned for 
Investment Dealer's Digest (IDD) 
magazine. “They wanted to depict a 
futuristic landscape with a big red phone 
in the back ground,” says Jae. “Most of 
the illo was painted with stipple airbrush 
to achieve the airbrushed look.” FEES 
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As ever, our diligent scouts have been hunting around Webdom in order to bring you the 
most useful and comprehensive Photoshop resources on the Web 


Absolute Cross 

[w] www.absolutecross.com/tutorials/ photoshop.htm 
Yet more fab tutorials and tips. Providing a wealth of 
downloads and links to some of the best Photoshop 
tutorials on the Web, Absolute Cross is a resource that 
beginners and pros will find useful. 


Adobe 

[w] www.adobe.com 

The home of Photoshop has recently been redesigned 
by Web guru Hillman Curtis, and is now easier than 
ever to navigate. Make sure you visit the Photoshop 
Expert Center containing invaluable advice for 
registered users of the application. If you haven't 
already got it, you can buy Photoshop here as well. 


Adobe Forums 

[w] www.adobeforums.com 

No matter what your question, there is sure to be an 
expert capable of answering it at Adobe’s Photoshop 
User Forum. Share and exchange techniques with the 
cream of the Photoshop community or simply browse 
for new and exciting techniques. 


Computer Arts 

[w] www.computerarts.co.uk 

With an abundance of Photoshop tutorials, up-to-the- 
minute news and a host of reviews and downloadable 
goodies, our buzzing Website is the place to be seen if 
you're into Photoshop. Just take a look at our 
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Share and exchange idea with the cream of the Photoshop 
community or browse for new techniques. 
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Photoshop Studio at [w] www.computerarts.co.uk/ 
photoshop and we think you'll be convinced. 


Computer Arts Forum 

[w] www.computerarts.co.uk/forum 

It seems inevitable: a big project, so much to do and 
not enough time to do it in, and suddenly your Mac 
totally packs in, or you can't quite figure out Photoshop 
6's new interface. Either way, help is at hand at our 
thriving forum where one of the Computer Arts team or 
some other knowledgeable fellow will almost certainly 
be able to tackle your problem. 


DeepSpaceWeb 

[w] www.deepspaceweb.com 

By pointing your browser at DeepSpaceWeb, 

you'll come across a site that is jam-packed with 
goodies. Not only is there an astonishing amount of 
Photoshop tips, actions, plug-ins and brushes, 
there's also a message board, a great gallery anda 
monthly newsletter so that you'll never miss any vital 
late-breaking Photoshop news. 


Dsigning.com 

[w] www.dsigning.com 

Dsigning.com holds a gargantuan amount of 
Photoshop tutorials, ranging from those aimed strictly 
at beginners to those for the seasoned pro brushing up 
on their skills. Tutorials of interest include how to 
create an ice text effect and rendering a pencil sketch 
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The place to be seen if you're into Photoshop - sort out any 
user problems at our thriving forum. 


from a photograph. All are brief, yet well-written and 
make for an interesting and inspiring read. 


Extreme Flash 

[w] www.extremeflash.com/ pstutorials/ 

Yes, we know you're probably thinking that we've put 
this site in the wrong Web guide. However, you'd be 
wrong. Extreme Flash, as well as having tons of Flash 
info, tutorials and flas, has a busting Photoshop section 
that holds many excellent tutorials. Beginners and 
intermediate levels are covered at the moment, with 
some advanced stuff planned for the future. 


Free Spot 

[w] www.free-spot.com 

Tons of stuff here for the digital creative, including 
Web design tips, Flash tutorials and more. Oh, and yes, 
a Photoshop tutorials section that is at the moment 
pretty small, but the great thing is, all lessons are 
supplied as PDF files so you can download them and 
read them offline. Destined to be a biggy. 


Illustrator Resources 

[w] www.illustrator-resources.com 

Illustrator Resources is one of those immensely useful 
sites that you should add to your bookmarks. You'll find 
over 200 links to Photoshop sites containing tutorials, 
tips, plug-ins, brushes, actions and more. There are 
also links to graphics sites where you can download 
vector and bitmap clip-art, fonts and utilities. 


The newly-started Photoshop Lover is well worth a visit, with 
constant updates, tips and tutorials. 


Spee AB Pieters 


Photoshop tutorials are supplied as PDFs at Free Spot, so you 
can download them and read them at leisure. 


Pank Pages 

[w] www.pankpages.com 

We can sum this site up in one sentence: 

silly name, great content. Only recently started, 
Pank Pages already holds bucketloads of Photoshop 
information and tutorials, links to other sites and a 
forum in which you can share your Photoshop woes 
and worries. 


PerfectPixels 

[w] www.perfectpixels.com 

More tips, advice and tutorials from PerfectPixels. 
Although the name of the site promises quite a bit, the 
content lives up to this with some original and varied 
tutorials. Some strange stuff here as well, such as how 
to create drippy text — lovely. 


Photoshop Crash Course 

[w] www. hotwired.lycos.com/webmonkey/ design 
/graphics/tutorials/tutoriall.html 

We'll give you two guesses what this Webmonkey- 
controlled page is all about. In fact we won't because 
you'll only need one. From the basics to more 
advanced stuff, if you’re new to Adobe's application go 
here and you'll come out a capable Photoshop user. 


Photoshop Central 

[w] www.photoshopcentral.com 

With tips from such Photoshop masters as Bert 
Monroy, Photoshop Central is a great place for any 
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Get started: Leampn t» 


If you're unfamiliar with the software, go to the Photoshop 
Crash Course and you'll emerge a clued-up user. 
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The user-friendly Photoshop Central caters for all levels of 
visitor and offers a great range of information. 


level of Photoshop user. With reviews, news, and a 
great user forum, this site offers a good range of 
Photoshop information, while being extremely 
navigable and fathomable. 


Photoshop Lover 

[w] www.photoshoplover.8m.com 

Constant updates, a whole host of news, tutorials 
and tips prove that the creators of this newly-started 
resource truly do love Photoshop. The design could 
be a little simpler, but overall the knowledge you'll 
gain from tips and tricks make it worth a click. The 
authors are also looking for feedback on what to 
include, so if you have any tips you fancy sharing, 
drop them a line. 


Planet Photoshop 

[w] www.planetphotoshop.com 

The cheesily-named Planet Photoshop now looks 
classier and more feature-abundant than ever. With 
news from the recent NAPP show, a feast of tutorials 
and reviews and a variety of downloads, this is one site 
that should be immediately added to any Photoshop 
user's bookmarks. 


Sapphire Innovations 

[w] www.sapphire-innovations 

The guys at Sapphire never seem to stop. From 

filters to custom shapes for Photoshop 6, you'll find the 
lot here at a wonderful price. The company’s products 
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Planet Photoshop is classier and more features-abundant than 
ever, with news and downloads - one to bookmark. 


vector shapes/ brushes, S 


Wt of weer 


from Sapphire 


From filters to custom shapes, you'll find Sapphire's products at 
[w] www.sapphire-innovations. 


may be cheap, but the quality of workmanship is 
second to none. 


Savvy 

[w] www.savvy.net/photoshop.htm 

An old favourite, Savvy has been churning out quality 
Photoshop tutorials for a while now. Although not 
updated as often as we'd like, if you’ve never been 
here, then you’re missing out. Covering all aspects of 
the world’s favourite image-editing app, this is one 

to bookmark. 


Sketchpad 

[w] www.sketchpad.net/photoshp.htm 

Another site busting with great tutorials, 
Sketchpad.net makes a point of exploring what it 
claims to be the most underused tool in Photoshop - 
the Pen tool. Right across the board, the site delivers 
tips and tricks that will enhance your productivity. 
Definitely well worth a look. 


The Plugin Site 

[w] www.thepluginsite.com 

Home of Harald Heim, certainly one of the 
hardest-working men in plug-in-dom. Download 

a selection of his excellent freeware filters or 

simply browse around - there’s bound to be 

something to interest every Photoshop user here. 
Make a point of taking a peek at Plugin Galaxy - one of 
the site’s best offerings. 


Download some of Harald Heim’s excellent freeware filters 
from [w] www.thepluginsite.com. 
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Power users 


Photoshop 6 In Depth 


Price J he authors have written a 
£41.99 book that intermediate users 
—— _ can use to become power 
[Authors ai | | users in their own right. Like 
David Xenakis & the Mastering or Complete series of 
Benjamin Levisay titles, this manual explains, in-depth, 
ize em JED each of the features or techniques 
Publisher under discussion. The book is best read 
25 ina linear fashion to gain the most from 
Coriolis its structured chapters — there are 14 of 
[isBN Bia ee) these, three of which are contained on 
LSet YEO Mee Nake ie el the two accompanying CD-ROMs. 
1576107884 The introductory chapter deals with 


the Photoshop environment, then the 
authors explore what Photoshop has to 


offer the advanced designer in the print 
or online media. General chapters on 
scanning and image manipulation, 
tools, type, channels, layers and filters 
conclude with chapter 11 that looks at 
colour calibration and reproduction. 
The three chapters on the CD cover 
third party filters, ImageReady and the 
ubiquitous Photoshop and the Web. 
Each chapter is well-written and 
accessible if you have the appropriate 
level of proficiency. Beginners may feel 
out of their depth. Screenshots are in 
black and white and too small when 
squashed onto the page together, but 


are essential if the reader is to 
assimilate the information quickly. 
Coriolis is known to produce 
well-designed user manuals and this 
one is no exception. If you want to go 
beyond the basics, this manual enables 
you to take the next step confidently. 


Verdict 
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Something different 


Adobe Photoshop 6.0 Studio Techniques 


his isn't a step-by-step user 


£33.99 guide or a cookbook that 
eascnccseats ai shows you how to handle 
| Author | Photoshop's more exotic 
. A features. This manual is slightly 
Bill Willmore different from the rest, and all the 
[Pu bl isher | better for its individ uality. 
; Included in this edition are four 


Adobe Press new chapters on Web graphics and 


detailed information on Photoshop 6's 
new colour handling capabilities, 
making this manual ideal for any level 
of user. Technical jargon is kept to a 
minimum, the author prefering to use 
anecdotes instead. 

Presented in full-colour throughout, 
each of the 18 chapters is clearly laid 
out, with well-defined goals. If you 
want a manual that teaches you how an 
effect is actually achieved, ratherthan 
just a walkthrough of the main features, 
then this is the book for you. 


Verdict 
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Visual methods 


Easy Photoshop 6 


Price | 


£17.99 


Author 


Kate Binder 


Publisher 


Que 


0789724235 


ith its bold use of graphics 
and visual teaching 
method, this book is the 
i complete opposite to 
weighty manuals such as the Complete 
series, and perfect for beginners. You 
don't even have to read the explanatory 
text. You can work through concise 
examples by following the diagrams. 

All of the main skills are covered, 
but the unsatisfactory explanations of 
effects and so on, leave a lot to be 
desired. Learning which dialog boxes 
to open and which commands to select 
isn't really enough if you want to be an 
accomplished Photoshop user. 

The book does, however, score 
highly if all you want is a concise 
primer that enables you to grasp the 
fundamentals quickly. The addition of 
more detailed tutorials would have 
made this book even more useful. 


Verdict 
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Jumping-off point 


Photoshop 6 Web Magic 


Jeff Foster 


[ Publisher | 


New Riders 


ISBN 


0735710368 


resented in landscape format, 
the quality of the presentation 
in this book is second to none. 
j Full-colour screenshots 

are crisp and clear and support the 21 
step-by-step tutorials. 

The power of this manual is that it 
can be used by anyone who is 
proficient at the basic skills needed to 
manipulate an image within the 
Photoshop environment. There really 
is something for everyone, from 
creating and editing custom brushes 
to JavaScript. 

This book isn't just a platform to 
illustrate what can be done online with 
Photoshop but a hands-on manual that 
prompts you to open Photoshop and try 
each exercise for yourself. This is just a 


jumping-off point with each chapter 
stimulating you to change a few 
parameters and see what results you 
get, or stretch yourself with JavaScript. 
The new features of Photoshop 6.0 
are of course covered, such as the 
Liquify command and how to mix and 
match patterns, styles, brushes and 
shapes. The accompanying CD contains 
all of the associated files as well as 
extras such as JavaScript examples. 
Overall, this is a useful 
project-based manual that illustrates 
the strengths of each feature or palette 
with a project that enables you to see it 
in action and in context. Because each 
project is customisable, all you need to 
get the most from this latest version of 
Photoshop is your imagination. 


Mac-centric 


Photoshop 6 for Mac Fast & Easy 


ee 


Lisa A Bucki 


[ Publisher 


Prima Tech 


| ISBN 


0761530002 


f you favour the Mac 
environment, this book 
\ i] provides you with a thorough 
[i introduction to Photoshop 6. 
Divided into seven chapters, the 
absolute beginner will welcome the 
concise yet comprehensive chapters 
that walk you through some of the more 
complex features. 

Completely Mac-centric, 
early chapters explain clearly how 
Photoshop is organised before moving 
on to more design-orientated matters. 
Supporting this text are illustrations of 
the complete Mac screen printed as a 
duotone. This gives you a clear visual 
clue to the dialog boxes you should 
have open, but more close-up detail 
would have been appreciated on some 
of the more complex screens. 

Overall, this is a good introduction 
for Photoshop 6 users on the Mac, but 
only scratches the surface of this 
complex program. 

Don't expect to be a Photoshop guru 
after reading it, but as a general overall 
introduction, this a good choice and an 
excellent price. 


Verdict 


Three parter 


Photoshop, Painter, and Illustrator Side-By-Side 


£36.99 


Wendy Crumpler 


Publisher 


0782129234 


f you know Photoshop, this 
book aims to teach you 
Painterand /llustrator by 
distilling all of the common 
features into easy-to-understand 
tables. This is a very different approach 
to teaching, but one that works 
extremely well in this context. 

This manual is divided into three 
parts: The Basics is an overview of each 
application; The Particulars offers 
side-by-side explanations of each 
application and enables you to develop 
amore efficient working strategy; The 
Artists presents examples of work 
created by graphics professionals who 
use two or more of the applications 
covered in this book. 

Presented in full-colour, this manual 
not only looks good, but offers 
something to the beginner as well as 
the veteran. 

If you do use these programs, 
reading this book will save you huge 
amounts of time and effort. As John 
Derry, co-author of Painter states: “This 
book is the Rosetta Stone of essential 
graphics applications.” > 


Verdict 
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Image creation 


Adobe Photoshop 6.0 Web Design 


Price 


£29:99 


Michael Baumgart 


Adobe Press 


ISBN 


0201721465 


ike the books of Lynda 
Weinmann, this manual is 
your guide to creating and 

ji optimising images for the 
Web. Awash with full-colour 
illustrations and screenshots, as well 
as short tutorials, this is a handy 
reference for anyone creating images 
for display online with Photoshop 6 
and ImageReady. 

This manual also looks closely at 
GoLive and offers a complete and 
concise reference work. 

Each section begins with Web image 
theory, but moves on to more practical 
skills such as working with Web-safe 
colours and GIF animations. There are 
two excellent chapters that cover every 
aspect of the GIF and JPEG image 
format as well as touching on PNG. 

This is a good primer into the art of 
image creation for the Web and an 
excellent Photoshop foundation. 


Verdict 
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Well primed 


Web Photoshop 6 Primer 


£27°99 


Jason L Miletsky 


Publisher 


Prentice Hall 


ISBN 


0130270083 


he name of this series of 
books has switched from 
ih i| To Goto Primer but still 

| offers the intermediate user 
a clear and concise means of getting 
up to speed with the current version's 
new features. 

Each feature is presented, explained 
and placed into context. Technical 
detail is kept to a minimum. 

This isn't a tutorial-based manual 
but one that guides you through 
Photoshop 6's techniques. Where 
appropriate, hints, tips and notes are 
included over the 10 chapters. 

A colour section is included, but 
is of little consequence. If you found 
Photoshop ina Nutshella little 
overwhelming, but liked the way the 
information was presented, then this 
is the book for you - the look and feel 
is similar, but the approach is friendlier 
and the tone more conversational. 


Verdict 
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Winning duo 


Photoshop 6 Visual Insight 


[Authors hase 


Ramona Pruitt & 
Joshua Pruitt 


| Publisher 


Coriolis 


1576107477 


| 96 | Photoshop Special 


arts 


ivided into two sections, 
this manual first offers a 
traditional walkthrough of 
the tools, features and 
techniques that you need to master. 
Part two contains a number of 
hands-on projects that put your newly 
acquired skills into practice. 

Presented in black and white 
throughout, with a short colour section 
and no CD, the supporting screenshots 
are clear enough to be useful. Part two 
follows a similar format, with each of 
the tutorials laid out simply. 

The attempt to teach Photoshop 
using several approaches is 
commendable. If this book had been 
presented in full-colour with an 
accompanying CD, it would have been 
outstanding. Without them, it is 
adequate, but nothing more. 


Verdict 
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Adobe workbook 


Adobe Photoshop 6.0 Classroom in a Book 


£33°99 


Adobe Press 


Publisher 


Adobe Press 


0201710161 


Ad 
hg 


his is the official workbook 
developed by Adobe itself. 
i / As the title suggests, this 

‘el manual covers version 6.0, 
and aims to provide you with all the 
information needed to become 
proficient with the program. 

Presentation is excellent with high 
resolution screenshots. The vast 
majority of the book is in black and 
white, with a small colour section as 
well as the accompanying CD. 
Beginners may find that the dry, 
academic approach reads as though a 
software engineer wrote the book. 

If this book appears on your 
shortlist, then weigh up your main 
criteria. It is very clinical and takes a 
great deal for granted. Don't be fooled 
by the fact that these are the official 
training lessons used by Adobe! 


Verdict 
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EVERYTHING YOU NEED TO KNOW ABOUT THE MAC 


We get inside Apple's 
* fastest offering ever 
‘PLUS: Massive 11-page 
‘ Apple Expo report! 


ALSO: 


mw Life After Napster- 
what are the alternatives 


m Master 3D modelling techniques 
m Over 50 products tested 
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w Create a Director interface with 
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On sale NOW! 
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Games and Animation Training 


We employ highly trained consultants who have worked in the industry for at 
of years, and have real, rel ht experience of working on Flash projects 
profile clients, for example *y, Soccernet and Toni & Guy. i 


Our courses are intended te 


DU NEw ways of using and understandin: 
environment, and to develop | 


© confidence and understanding to go it alo 


Flash 5 Basics Course: Two day course li 
In this cross-platform training, we will teach you the basics of Flash, giving y 
level of understanding of the program that will allow you to begin exploring 
confidence, the many “es This also includes basic ActionScript 


Flash 5 Animation Course: Two day course | 
We will teach you how to animate using Flash. You will learn the basics of che 
animation, and then how to employ these techniques using Flash 5, 


Flash 5 Games Course: two day course i] 
You will learn how to create games using Flash. The course is taught through th 
development of example games. each game containing a number of key features 
of general game development, such as making objects draggable, collision detection 
and the use of layers. 


Combined Games and Animation Course: T 
The Flash combined games and animation course is a three-day course that c 
all three Flash courses that Sprite Interactive offer. You will learn Flash basics for 
the first day, Flash animation for the second day, and Flash games on the third. 


edi interactive] 


The Training Centre, situated in Fetcham Park House, provides a fantastic environment, 
where tradition meets technology. Built in 1705, this Grade II listed mansion at 
Fetcham, near Leatherhead in Surrey, was designed by the architect William Talman 
and its landscaped grounds by “Capability” Brown. 


There are frequent rail services to London Waterloo (35 minutes) and London 
Victoria (40 minutes). See www.sprite.net for more details. 


The Training Centre is situated at: 
Fetcham Park House, Lower Road, Fetcham, Surrey, KT22 9HD 
Phone: 01372 371212, Email: Training@sprite.net 


Learn the Secrets of the Photoshop Pros 


Extenss 


Don’t Miss it This Time Around 


Our first London seminar in February sold out in advance. You told us you wanted 
even more, so we're back with an all-new day, in both London and Manchester. This 

is your chance to learn real-world inside secrets, proven techniques, hidden tricks, 
creative ideas, and timesaving tips that can cut your production time in half! We only 
focus on the most important tools and techniques, so we can pack more valuable info 
than any other seminar. Plus there’s no risk—it’s 100% money-back guaranteed! 


Who Should Attend? 


This seminar is for Macintosh and Windows users, covers versions 5.0 through 6.0, 
and is a must for: Graphic Designers ° Photographers * Web Designers * Print Shops 
+ Art Directors * Publications * Ad Agencies * Educators, and anyone who wants to 
take their Photoshop skills to the next level in just one day. 


Official Tour Sponsors: 


UMAX CA: FP) g 


The Best Value in Photoshop Training Today! 

+ All classes are included, plus you get a detailed workbook, Photoshop Goodies 
disc CD-ROM, Photoshop Keyboard Shortcuts Desk Reference, and a FREE issue of 
Photoshop User magazine. 

- We offer a 100% money-back guarantee if this isn’t the best Photoshop seminar 
Se ge a rire eno! 
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Adobe Photoshop 
Seminar Tour 200 


America’s most popular 
Photoshop seminar is coming 
back to the UK with an all-new 
day of Photoshop tips, tricks, 
and techniques, featuring 
Photoshop User magazine 
Editor Scott Kelby. 

Selection Secrets 

(10:00 — 11:00 A.M.) 

You'll learn how the pros make impossible 
selections like windblown hair, how to 


remove objects from their background, 
hidden selection tips, and much more. 


Creating Collages Like a Pro 
(11:15 — 12:15 P.M.) 

You'll look at collaging in a whole new light 
as we build project after project, showing 
you all the “tricks of the trade” as we go. 

It’s one of those sessions that will have you 
thinking “Ah ha, so that's how they do it.” 


Class Schedule 


Down and Dirty Tricks, Part 2 
(1:15 — 2:30 P.M.) 

Here’s where you'll learn the latest, real- 
world special effects, plus lots of cool tips 
and inside secrets along the way. 


10 Things Every Photoshop 
User Needs to Know 

(2:45 - 3:45 P.M.) 

In this session we cover the top 10 most 
requested Photoshop techniques. 


Wowing them on the Web! 

(4:00 — 5:00 P.M.) 

We'll look at some of the leading Web 
sites, and recreate them step-by-step from 
scratch to teach you all their cool tricks. 


Coming to London, 
one day only 


London 


Saturday, Oct. 27, 2001 
Business Design Centre, Islington 


How To Register: 


Adobe Seminar Tour 2001 
Only £99 per person only 


Our last UK seminar sold out in advance. Seating is 
limited, so register today. You can register online at: 


www.photoshopseminars.com 
or call us at:001-727-733-6225 


Hosted by: 
Ci? The National Association 
of Photoshop Professionals 


www.photoshopseminars.com 
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